.hero-banner{height:60vh;min-height:500px;background-size:cover;background-position:50%}.hero-banner .hero-overlay{height:100%;width:100%;background-color:rgba(1,1,1,.4);display:flex;align-items:center;justify-content:center}.hero-banner .hero-overlay .hero-overlay-text{text-align:center;color:#fff;margin-top:7vh;width:90%}.hero-banner .hero-overlay .hero-overlay-text h1{margin-bottom:0}.hero-banner .hero-overlay .hero-overlay-text p{font-size:1.4rem;font-weight:500;margin:0}@media only screen and (max-width:600px){.hero-banner .hero-overlay .hero-overlay-text p{font-size:1.2rem}}