.hero-banner{position:relative;width:100%;height:75vh;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:center}.hero-banner__image,.hero-banner__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero-banner__overlay{position:relative;z-index:2;width:100%;height:100%;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}.hero-banner__content{text-align:center;padding:1.5rem;max-width:800px}.hero-banner__headline{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-banner__subheadline{font-size:1.5rem;margin-bottom:1.5rem}.hero-banner__cta{display:inline-block;background-color:#000;color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;transition:background .3s}.hero-banner__cta:hover{background-color:#333}.hero-banner.left .hero-banner__content{text-align:left;align-items:flex-start}.hero-banner.right .hero-banner__content{text-align:right;align-items:flex-end}@media(max-width:768px){.hero-banner{height:80vh}.hero-banner__headline{font-size:2rem}.hero-banner__subheadline{font-size:1rem}}