.hero-with-video{position:relative}.hero-with-video .section-overlay{background:#244663;height:100%;opacity:.5;position:absolute;width:100%}.hero-with-video .sub-contents{padding:250px 30px 150px}.hero-with-video .hero-container{display:flex;flex-wrap:wrap;justify-content:space-between}.hero-with-video .hero-content,.hero-with-video .hero-video{position:relative;width:45%;z-index:9}.hero-with-video .hero-content *{color:#fff}.hero-with-video .hero-content h1{font-size:60px}@media only screen and (max-width:768px){.hero-with-video .hero-content,.hero-with-video .hero-video{width:100%}}