body {
	background: var(--dark-blue-secondary);
}

/* @group Frontpage
------------------------------------ */
.horizontal-track h2 {
	font-style: normal;
	line-height: normal;
	font-weight: 700;
	font-family: var(--playfair-font);
}
.horizontal-track p {
	display: block;
}
.horizontal-track h3 {
	display: inline-block;
	font-family: var(--rubric-font);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	border-width: 0.2rem 0;
	border-style: solid;
	padding: 1.2rem 0;
}
.horizontal-track .intro h3 {
	text-transform: none;
	padding: 0;
	margin: 0 0 1rem;
	border: none;
}
@media only screen and (min-width: 961px) {
	.horizontal-track h2 {
		font-size: 7.1vh;
		margin: 0 0 3.04vh;
        line-height: 1.06em;
	}
	.horizontal-track h3 {
		font-size: 1.9vh;
		letter-spacing: 0.22em;
		padding: 1.07vh 0;
		margin: 0 0 1.7vh;
	}
	.horizontal-track p {
		font-size: 1.79vh;
		line-height: 1.2em;
		letter-spacing: 0.1em;
		margin: 0 0 3.4vh;
	}
	.horizontal-track .bttn {
		height: 4.11vh;
		font-size: 1.4vh;
		padding: 0 3.13vh;
		padding-top: .2rem;
	}
}
@media only screen and (min-width: 961px) and (max-width: 1440px) {
}
@media only screen and (min-width: 0) and (max-width: 960px) {
}

/* @end */

/* @group bg
------------------------------------ */

.bg {
    position: absolute;
    height: 100vh;
    opacity: 1;
    /* background-blend-mode: soft-light;
	mix-blend-mode: soft-light; */
	pointer-events: none;
    background-size: cover !important;
}
.sour-amenities-bg {
	left: 300vh;
	width: 194vh;
	background-image: url('../../img/layout/frontpage/update/bg-soar-amenities.jpg');
	
}
.sour-amenities-bg::before,
.amenities-residence-bg::before,
.contact-residence-bg::before {
	content: '';
	height: 100%;
	position: absolute;
	left: 0;
	width: 41vh;
	background: linear-gradient(
		90deg,
		#5b7282 -3.49%,
		rgba(91, 114, 130, 0) 100%
	);
}

.amenities-residence-bg {
	left: 526.8vh;
	width: 252vh;
	background-image: url('../../img/layout/frontpage/update/bg-soar-amenities.jpg');
}

.contact-bg {
	right: 172vh;
	width: 212.8vh;
	background-image: url('../../img/layout/frontpage/update/bg-soar-amenities.jpg');
}
@media only screen and (min-width: 961px) {
}
@media only screen and (min-width: 961px) and (max-width: 1440px) {
}
@media only screen and (min-width: 0) and (max-width: 960px) {
}

/* @end */