.hero{height:250px;position:relative}.hero:before{background:#00000040;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero--home{height:500px}@media (max-width:768px){.hero--home{height:650px}}.overlay{position:relative}.overlay:before{background:#00000040;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}