/* 
body {
    font-family: 'Open Sans', sans-serif;
    color:white;
} */
body {
    font-family: sans-serif;
    color:white;
}



.vimeo-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 150px);
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
 }
 .vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }
 .vimeo-wrapper2 iframe {
   width: 100%;
   height: 56.25vw;
   min-height: 122vw;
   min-width: 100%;
   position: absolute;
   top: 0;
   left: 0;
 }

 .logo2 img {
   width:160px;
}
.slogan2 {
   font-size: 32px;
   font-weight: 600;
   text-align: right;
   line-height: 1.2;
}
.slogan3 {
   font-size: 15px;
   font-weight: 600;
   text-align: right;
   line-height: 1.2;
   margin-top:10px;
}

 .logo img {
    width:160px;
 }

 .logo {
    position: absolute;
    top:30px;
    left:30px;
 }
 .slogan {
   position: absolute;
   top:30px;
   right:30px;
   font-size: 32px;
   font-weight: 600;
}

 .info {
    position: fixed;
    bottom:0px;
    color:black;
    width: 100%;
    padding:27px;
 }

 .info a {
    color:black;
    text-decoration: none;
 }
 .info a:hover {
    text-decoration: underline;
 }
 .boton {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left:-42px;
    top: 50%;
    margin-top:-15px;
    
}
.boton img {
    width: 50px;
    opacity: 0.3;
    transition: 0.3s;
}
.boton:hover {
    cursor:pointer;
}

.boton:hover img {
    opacity: 1;
}