.hero{overflow:hidden;padding:15px;position:relative}.parallax{background-position:50%;background-repeat:no-repeat;background-size:cover;height:150%;left:0;position:absolute;top:0;width:100%}.hero-overlay{background:hsla(0,0%,5%,.5);color:#fff;padding:60px 0;position:relative;text-align:center;z-index:1}.hero-overlay h1{color:#fff;font-family:var(--font-heading);font-style:normal;font-weight:400;text-transform:none}@media (min-width:992px){.hero-overlay{padding:90px 0}}@media (min-width:1200px){.hero-overlay{padding:120px 0}}