#hero_container{background-repeat:no-repeat;background-size:cover;height:65vh;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;margin-bottom:0;padding:0;text-transform:capitalize}#overlay{background:#0000000f;height:100%;opacity:.7;position:absolute;top:0;width:100%}@media (max-width:991px) and (min-width:768px){#hero_container{height:40vh}#hero-text{height:30vh}}