@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk&display=swap');


.video-wrapper {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.6
}
.video-wrapper video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.frontal-txt {
  width: 100%;
  padding: 100px 0 120px 0;
}
    
.txt {
    font-family: "Space Grotesk", sans-serif;
    font-size: 22px;
    color: #3a3939;
}
.txt.es {
    border-bottom: 1px solid #3a3939;
}


.footer-logo img {
    height: 8rem;
}    
.footer-social a {
    margin-left: 40px;
    font-size: 35px;
    color: #3a3939;
    border: 0;
}
.footer-social a:hover, .footer-social a:focus {
    color: #b5b38c;
}


@media (min-width: 1025px) {
.footer-logo img {height: 14rem;}
.footer-social a {font-size: 45px;}
}

@media (max-width: 1024px) {
.frontal-txt {padding: 150px 0 120px 0;}   
.txt {font-size: 35px;}
}

@media (max-width: 1024px) and (orientation: landscape) {
.frontal-txt {padding: 20px 0 20px 0;}  
.txt {font-size: 22px;}

}

@media (max-width: 767px) {
.frontal-txt {padding: 120px 0 120px 0;}   
.txt {font-size: 15px;}
.footer-social {padding-top: 20px;}
}

@media (max-width: 767px) and (orientation: landscape) {
.frontal-txt {padding: 20px 0 20px 0;}   
}