.hero{background-position:50%;background-size:cover;color:#fff;padding-bottom:2rem;padding-top:2rem}@media (min-width:768px){.hero{padding-bottom:9rem;padding-top:9rem}}.hero,.hero>*{position:relative}.hero:before{background-color:#241f21;bottom:0;content:"";display:block;left:0;opacity:.5;position:absolute;right:0;top:0}body>main{padding-top:0}