.level3-hero-container{min-height: 400px; position: relative; }
.l3i-content{padding-right:15%;padding-top: 40px;padding-bottom: 50px;}
.l3i-content h1{font-family:'Muli',sans-serif;font-weight:900;font-size:40px;line-height: 40px;letter-spacing: -0.8px;margin-bottom: 60px;} 
.l3i-image-right{position: absolute; top: 0; right: 0; width: 34%; height: 100%; background: #333;}
.l3i-image-right img{width: 100%; height: 100%; object-fit: cover;}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width: 1199.98px){

}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width: 991.98px){
  .l3i-content h1{margin-bottom: 40px;}
  .l3i-content{padding-right: 10%;}
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width: 767.98px) { 
.l3i-content{padding: 25px 0 30px;}
.l3i-content h1{font-size: 30px; line-height: 32px; margin-bottom: 30px; text-align: center;}
.l3i-image-right{width: 100%; position: relative; right: auto; top: auto;}
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width: 575.98px) {

}