.mainBanner{background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7))}.mainHeader{padding:0}.bannerHeader{padding:40px 2em;text-align:center;color:#fff;position:relative}.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{object-fit:cover;height:100%;width:100%}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-50%)}100%{opacity:1;transform:translateY(0%)}}.subtitle{animation:fadeInLeft .3s ease-in-out both;font-size:1.2em;animation-delay:.6s}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@media(min-width: 768px){.bannerHeader{padding:70px 2em}}@media(min-width: 1024px){.mainBanner{background:left linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7))}.bannerHeader{text-align:left}h1,.subtitle{max-width:50%}}