.hero-banner{background:#384da1;color:#fff;display:flex;height:23.75rem;max-width:106.25rem;margin:2rem auto 1.5rem;align-items:center;justify-content:center;text-align:center;position:relative}.hero-banner--with-img{background:#0000005c}.hero-banner__image{position:absolute;top:0;width:100%;height:100%;z-index:-1;left:0;object-fit:cover;overflow:hidden}.hero-banner h3{font-size:4rem;max-width:75rem;text-align:center;text-transform:uppercase}@media(max-width:1023px){.hero-banner h3{font-size:2rem;width:90%}}@media(max-width:1023px){.hero-banner{max-width:555px}}@media(max-width:576px){.hero-banner{max-width:350px;padding:0 .9rem}}