.mainBanner{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.7))}.mainHeader{padding:0}.bannerHeader{color:#fff;padding:40px 2em;position:relative;text-align:center}.bannerHeader h1{animation:fadeInTop .7s ease-in-out both}.bannerHeader figure{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.bannerHeader figure img{height:100%;object-fit:cover;width:100%}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}.subtitle{animation:fadeInLeft .3s ease-in-out both;animation-delay:.6s;font-size:1.2em}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@media(min-width:768px){.bannerHeader{padding:70px 2em}}@media(min-width:1024px){.mainBanner{background:0 linear-gradient(270deg,rgba(0,0,0,.3),rgba(0,0,0,.7))}.bannerHeader{text-align:left}.subtitle,h1{max-width:50%}}