#hero_container{background-repeat:no-repeat;background-size:cover;height:65vh;margin-top:60px;max-width:100%;position:relative;width:100vw}div#hero_container:before{background:#0000006e;content:"";height:100%;left:0;position:absolute;top:0;width:100%}#hero-text{align-items:center;display:flex;height:60vh;justify-content:center;padding:0 20px;position:relative;z-index:1}#hero-text h1{color:#fff;letter-spacing:2px;text-transform:capitalize}#overlay{background:#0000000f;height:100%;opacity:.7;position:absolute;top:0;width:100%}@media (max-width:767px){#hero_container{margin-top:38px}}