.hero{position:relative;text-align:center;width:100%;height:100vh;overflow:hidden}.hero>img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;min-width:1440px}.social-icons-container{margin-top:60px}@media (max-width: 1000px){.hero>img{transform:translate(-250px)}}@media (max-width: 500px){.hero>img{transform:translate(-500px)}}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:1}