.hero{background-size:cover;background-position:center;display:flex;align-items:center;justify-content:left;position:relative;overflow:hidden;height:100vh;min-height:500px;padding-top:80px;padding-bottom:40px;position:relative}.colorbar{position:absolute;bottom:0;left:0;height:28%;width:auto;max-height:180px}.hero>*{z-index:100}.hero::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(120deg,#000,#000);opacity:.33}.arrow_down{position:absolute;bottom:30px;left:50%;transition:opacity .3s ease-in-out;border:solid white;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:20px;height:20px}