.hero-parallax.with-bg{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;padding-top:17%;position:relative}.hero-parallax:not(.with-bg){padding-top:3rem}.hero-parallax.with-bg h1{color:#fff}@media(min-width:768px){.hero-parallax.with-bg{background-attachment:fixed;height:100vh}}