.hero-banner{background-image:url(/banners/frontpage.png);background-size:cover;background-position:50%;background-repeat:no-repeat;height:360px;display:flex;justify-content:center;align-items:center;text-align:center;padding:0 1.5rem}.hero-banner h1{font-size:3rem;font-weight:700;color:#003366;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media (max-width:768px){.hero-banner{background-image:url(/banners/frontpage.png);height:320px;background-position:top}}