.level2-hero-container {min-height: 708px;padding: 60px 0 100px;}
.level2-hero-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: var(--sof-black); }
.level2-hero-img img { width: 100%; height: 100%; object-fit: cover; }
.level2-hero-img::after { content: ''; position: absolute; bottom: 0; height: 120px; width: 100%; left: 0; background: linear-gradient(360deg, rgba(240, 225, 194, 1) 6%, rgba(255, 255, 255, 0) 100%); }
.level2-hero-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; border-radius: 10px; box-shadow: 0 0 22px rgba(0, 0, 0, 0.3); opacity: 0.9; }
.level2-hero-content {padding: 27px 27px 35px 27px;color: var(--sof-white);}
.level2-hero-content h1 {font-size: 120px;line-height: 1;margin-bottom: -4px;}
.level2-hero-text h2 { font-size: 50px; font-weight: 700; font-family: var(--primary-font); letter-spacing: 0; margin-bottom: 0; line-height: 1; color: inherit; }
.level2-hero-icon {width: 50px;flex-shrink: 0;margin-right: 27px;margin-top: 15px;}
.level2-hero-body {margin-top: 20px;line-height: 1.444;max-width: 395px;}
.level2-hero-content.theme-white{color: var(--sof-black);}
.level2-hero-container.less-height{ min-height: 558px; }
.level2-hero-container.less-height .level2-hero-content h1 { font-size: 75px; margin-bottom: 3px;  }
.level2-hero-container.less-height .level2-hero-content {padding: 34px 30px 28px 34px;}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
	body{padding-top: 0;} 
	body:not(.fixed) #header{background: transparent; box-shadow: none;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) { }

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
	.level2-hero-content h1{ font-size: 85px; }

	.level2-hero-container.less-height .level2-hero-content h1{ font-size: 60px; }
	.level2-hero-text h2 { font-size: 40px; }
	.level2-hero-content, .level2-hero-container.less-height .level2-hero-content { padding: 26px 25px; }
	.level2-hero-icon { margin-top: 9px; margin-right: 18px; }
	.level2-hero-body { margin-top: 21px; }
	.level2-hero-img::after { display: none; }
	.level2-hero-container { padding: 110px 0; height: 100vh; height: 100svh; min-height: 400px;}
	.level2-hero-container.less-height {min-height: 300px;padding: 100px 0 50px;height: calc(100svh - 100px);max-height: 598px;}
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
	.level2-hero-content{width: 100%;}
	.level2-hero-content h1{font-size: 60px;}
	.level2-hero-text h2{font-size: 30px;}
 }

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) {

	.level2-hero-content, .level2-hero-container.less-height .level2-hero-content { padding: 26px 15px; }
	.level2-hero-container.less-height .level2-hero-content h1{font-size: 50px;}
 }