.hero-banner{align-items:center;display:flex;height:82vh;justify-content:center;overflow:hidden;perspective:100px;position:relative}.hero-banner .hero-background{background-position:top;background-repeat:no-repeat;background-size:cover;height:120%;left:-10%;position:absolute;top:-6%;transform:perspective(100px) translateZ(0);transition:transform .1s ease-out;width:120%;will-change:transform}.hero-banner .hero-content{background-color:rgba(12,59,95,.57);bottom:0;color:#fff;max-width:980px;opacity:1!important;padding:20px;position:absolute;text-align:center;transform:none!important;width:100%;z-index:2}.hero-banner .hero-title{font-family:Montserrat,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.1;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-banner .hero-subtitle{color:#fff;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:500;letter-spacing:2px;margin-bottom:40px}.hero-banner .hero-button{display:inline-block;margin-bottom:1.5rem}@media (max-width:991px){.hero-banner .hero-title{font-size:3rem}.hero-banner .hero-subtitle{font-size:1.2rem}}@media (max-width:768px){.hero-banner .hero-title{font-size:2.5rem}.hero-banner .hero-subtitle{font-size:1.2rem}}@media (max-width:480px){.hero-banner .hero-title{font-size:2rem}.hero-banner .hero-subtitle{font-size:1rem}}