/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width: 1400px) {
}

/* lg <= Extra large (xl) */
@media (max-width: 1200px) {
	.section-six-item {
		margin-bottom: 30px;
	}
}

/* md <= Large (lg) */
@media (max-width: 992px) {
	.section-one-left {
		text-align: center;
	}
	.section-one-left-top {
		display: block;
	}
	.section-one-left-top--span {
		vertical-align: super;
	}
	.section-one {
		padding-top: 160px;
	}
	.section-one--img {
		margin-top: 30px;
	}
	.section-two-item {
		height: auto;
		margin-bottom: 30px;
	}
	.section-three-item {
		margin-bottom: 30px;
	}
	.section-four-item {
		margin-bottom: 30px;
		margin-top: 0px;
	}
	.section-eight--li1 {
		display: block;
	}
	.section-eight--span1 {
		vertical-align: super;
	}
	.section-seven-item {
		height: auto;
		margin-bottom: 35px;
	}
}

/* sm <= Medium (md) */
@media (max-width: 768px) {
	h1 {
		font: 60px/70px "Cormorant";
	}
	h2 {
		font: 50px/60px "Cormorant";
	}
	body {
		font-size: 14px;
		line-height: 24px;
	}
	.header-ul {
		display: block;
		text-align: center;
	}
	.header-li {
		margin: 15px 0px;
	}
	.header-top {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header-mobile-menu {
		display: block;
	}
	.nav {
		display: none;
	}
	.nav.active {
		display: block;
	}
	.footer-left {
		text-align: center;
	}
	.footer-menu {
		text-align: center;
		margin-top: 5px;
	}
}

/* xs <= Small (sm) */
@media (max-width: 576px) {
	h1 {
		font: 45px/52px "Cormorant";
	}
	h2 {
		font: 35px/42px "Cormorant";
	}
}

@media (max-width: 450px) {
	h1 {
		font: 35px/42px "Cormorant";
	}
}

/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width: 0) {
}

/* Small (sm) */
@media (min-width: 576px) {
}

/* Medium (md) */
@media (min-width: 768px) {
}

/* Large (lg) */
@media (min-width: 992px) {
}

/* Extra large (xl) */
@media (min-width: 1200px) {
}

/* Extra extra large (xxl) */
@media (min-width: 1400px) {
}
