.level2-hero-container{padding:0;}
.level2-hero-image{width: 100%; height: 330px; position: relative;}
.level2-hero-bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; mix-blend-mode: luminosity; opacity: 0.75;}
.level2-hero-text{display: flex; justify-content: center; position: relative; z-index: 99;}
.level2-hero-inside{margin-top: -48px;background: #586271;color: #fff;padding: 15px 30px;height: 96px;  display: flex;align-items: center;width: calc(100% - 30px);justify-content: center; text-align: center; max-width: 570px;}
.level2-hero-inside h1{margin: 0; font-size: 40px; line-height: 40px;}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width: 1199.98px){

}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width: 991.98px){
.level2-hero-image{height:280px;} 
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width: 767.98px){
.level2-hero-image{height: 165px;}
.level2-hero-inside{height: 70px; margin-top: -35px; padding: 5px 10px;}
.level2-hero-inside h1{font-size: 30px; line-height: 30px;}
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width: 575.98px){

}