main{padding-top:80px}main .video{width:100%;height:250px;position:relative;border-bottom:4px solid #fff}main .video video{object-fit:cover}main .overlay,main .video video{width:100%;height:100%;position:absolute;top:0;left:0}main .overlay{background:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7)}main .overlay h1{font-size:1.2rem;font-weight:700}main .overlay p{font-size:.9rem}main .overlay p i{display:flex;justify-content:center;align-items:center;gap:10px}main .socials-container{padding:70px 0;display:flex;align-items:center;flex-direction:column;gap:20px}main .socials-container div{display:block;width:80%;background-color:#fff;color:#000;padding:20px;border-radius:10px;display:flex;align-items:center;gap:20px;position:relative}main .socials-container div span{width:50px;height:50px;font-size:1.5rem}main .socials-container div img,main .socials-container div span{border-radius:50%;display:flex;justify-content:center;align-items:center}main .socials-container div img{width:70px;height:70px;box-shadow:2px 2px 2px rgba(0,0,0,.3);padding:2px;position:absolute;right:-30px;background-color:#e8e5e5}@media only screen and (min-width:768px){main{width:100%}main .socials-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:16px;margin:0 100px;gap:40px 0;height:100%;justify-content:center;align-items:center}main .video{height:450px}main .overlay h1{font-size:2rem}}