*{box-sizing:border-box;margin:0;padding:0}body{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-banner{align-items:center;background:url(https://6137095.fs1.hubspotusercontent-na1.net/hubfs/6137095/Netball/marcel-schreiber-8rOyuVx1v0Q-unsplash.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:300px;justify-content:center;position:relative;width:100%}.hero-title{color:#f8f9fa;font-size:2.5rem;font-weight:600;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width:768px){.hero-banner{height:150px}.hero-title{font-size:2rem}}