*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: #191919;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}
section{
    height: 100vh;
    max-width: 100vw;
}
h1{
    font-family: Jura;
    font-style: normal;
    font-weight: bold;
    font-size: 1.563vw;
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
}
h2{
    font-family: Play;
    font-style: normal;
    font-weight: normal;
    font-size: 0.938vw;
    line-height: 130%;
    color: #FFFFFF;
    margin-top: 2.656vw;
    margin-bottom: 2.344vw;
}
ul{
    list-style: none;
}
.indicador{
    font-family: Play;
    font-style: normal;
    font-weight: bold;
    font-size: 1.042vw;
    line-height: 120%;
    color: #FFFFFF;
    width: 20%;
}
.entradas{
    font-family: Play;
    font-style: normal;
    font-weight: normal;
    font-size: 1.042vw;
    line-height: 120%;
    color: #FFFFFF;
    width: 80%;
}
li{
    margin-bottom: 0.781vw;
}
.enlaces_proyectos{
    display: flex;
    flex-direction: row;
}
.enlaces_proyectos img{
    height: 1.042vw;
    width: auto;
}
.enlaces_proyectos li{
    margin-right: 1.5vw;
}
.line{
    height: 1px;
    width: 38.542vw;
    background:gray;
    margin: 1.5vw 0 1.5vw 0;
}
.datos{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.caption,.caption_2,.caption_3{
    width: 38.542vw;
    position: relative;
    top: calc(-11px + 13vw);
    left: 52vw;
    color: white;
}
.box{
    color:white;
    outline-style: solid;
    outline-width:1.250vw;
    margin-bottom: 1.250vw;
    margin-left: 1.250vw;
}
.contenedor,.contenedor_2,.contenedor_3{
    position: relative;
    top:0;
    left: 0;
    max-width: 100vw;
}
.contenedor_first,.contenedor_second,.contenedor_third{
    position: absolute;
    top:0;
    margin-top: calc(58px + 4vw);;
    height: 100vh;
    max-width: 100vw;
}

.first_1{
    background:url(../img/07_proyects/1.jpg);
    width: 47.5vw;
    height: calc(47.5vw * 1140/912);
    background-size: cover;   
}
.first_2{
    background:url(../img/07_proyects/2.jpg);
    width: 47.500vw;
    height: calc(47.5vw * 608/912);
    background-size: cover;
}
.first_3{
    background:url(../img/07_proyects/3.jpg);
    width: 47.500vw;
    height: calc(47.5vw * 608/912);
    background-size: cover;
}
.second_1{
    background:url(../img/07_proyects/4.jpg);
    width: 47.5vw;
    height: calc(47.5vw * 800/1199);
    background-size: cover;  
}
.second_2{
    background:url(../img/07_proyects/5.jpg);
    width: 47.500vw;
    height: calc(47.5vw * 4000/3200);
    background-size: cover;
}
.second_3{
    background:url(../img/07_proyects/6.jpg);
    width: 47.500vw;
    height: calc(47.5vw * 608/912);
    background-size: cover;
}
.third_1{
    background:url(../img/07_proyects/7.jpg);
    width: 47.5vw;
    height: calc(47.5vw * 1140/912);
    background-size: cover;
}
.third_2{
    background:url(../img/07_proyects/8.jpg);
    width: 47.500vw;
    height: calc(47.5vw * 1140/912);
    background-size: cover;
}
.third_3{
    background:url(../img/07_proyects/9.jpg);
    width: 47.500vw;
    height: calc(47.5vw * 1140/912);
    background-size: cover;
}

section.afiliates{
    height: 80vh;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}
.afiliates img{
    height: 50vh;
}

.afiliates .mobile{
    display: none;
}


footer{
    display: block;
    background: black;
    height: 68px;
    text-align: center;
    text-transform: uppercase;
    color: #717171;
    font-family: Jura;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 68px;
    justify-content: center;
    align-items: center;
}
.audioWrap a {
    color: #fff !important ;
    }

@media (max-width: 414px) {
    section{
        height: 233vh;
        max-width: 2400vw;
    }
    .first{
        height: 561vw ;
    }
    .second{
        height: 504vw;
    }
    .third{
        height: 578vw;
    }

    .caption{
        height: 135vh;
        width: 90vw;
        top:calc(50px + 10vw);
        left:5vw;
    }
    .caption_2{
        height: 106vh;
        width: 90vw;
        left:5vw;
    }
    .caption_3{
        height: 100vh;
        width: 90vw;
        left:5vw;
    }
    h1{
        font-size: 8vw;
        margin: 0 auto 7.200vw auto;
    }
    h2{
        font-size: 4.800vw;
        margin: 0 auto 0 auto;
    }


    
    .contenedor_first{
        margin:0 0 0 4vw;
        position: absolute;
        top:320vw;
    }
    .contenedor_second{
        margin:0 0 0 4vw;
        position: absolute;
        top:256vw;
    }
    .contenedor_third{
        margin:0 0 0 4vw;
        position: absolute;
        top:233vw;
    }
    .box{
        outline-width:5vw;
    }
    .first_1{
        width: 90vw;
        height: calc(90vw * 1140/912);
    }
    .first_2{
        width: 90vw;
        height: calc(90vw * 608/912);
    }
    .first_3{
        width: 90vw;
        height: calc(90vw * 608/912);
    }
    .second_1{
        width: 90vw;
        height: calc(90vw * 800/1199);
    }
    .second_2{
        width: 90vw;
        height: calc(90vw * 4000/3200);
    }
    .second_3{
        width: 90vw;
        height: calc(90vw * 608/912);
    }
    .third_1{
        width: 90vw;
        height: calc(90vw * 1140/912);
    }
    .third_2{
        width: 90vw;
        height: calc(90vw * 1140/912);
    }
    .third_3{
        width: 90vw;
        height: calc(90vw * 1140/912);
    }
    .line{
        width: 100%;
        margin: 8vw 0 8vw 0;
    }
    .indicador{
        width: 40%;
        font-size: 5.333vw;
    }
    .entradas{
        width: 60%;
        font-size: 5.333vw;
    }

    .enlaces_proyectos img{
        height: 7vw;
        width: auto;
    }
    .enlaces_proyectos li {
        margin: 0vw 6vw 0 0;
    }
    footer{
        height: 90px;
        display: flex;
    }
    h4{
        line-height: 25px;
    }
    section.afiliates{
        height: 81vw;
    }
    .afiliates .mobile{
        display: flex;
        position: relative !important;
        top:0vh;
        width: 100% !important;
        margin-left: 0vw !important;
        left:0 !important;
        justify-content: center;
        align-items: center;
    }
    .afiliates img {
        height: auto !important;
        width: 90vw !important;
        margin-left: 0 !important;
    }
}