body {
    font-family: 'Montserrat', sans-serif;
}

.video {
    margin: 0 auto;
    max-width: 1200px;
}

.banner {
    font-size: 80px;
    font-style: italic;
    letter-spacing: 5px;
    position: relative;
    left: 240px;
}

.logo-banner-1 {
    height: 136px;
}

.logo-banner-2 {
    height: 500px;
}

.seccion-1 {
    background-image: linear-gradient(to bottom, #000000,#383838);
}

.info-1 {
    font-style: italic;
    text-align: right;
    line-height: 1.3em;
}

#especializate {
    background-color: #383838;
}

.especializate-text {
    position: relative;
    left: 60px;
}

.seccion-2 {
    background-image: linear-gradient(to bottom, #383838, #5F5F5F);
}

.logo-1 {
    height: 214px;
    position: absolute;
    top: 17px;
    left: 187px;
    z-index: 1;
}

.logo-2 {
    height: 180px;
    position: absolute;
    top: 58px;
    right: 76px;
    z-index: 1;
}

.logo-3 {
    height: 195px;
    position: absolute;
    bottom: 106px;
    left: 190px;
    z-index: 1;
}

.logo-4 {
    height: 240px;
    position: absolute;
    bottom: 70px;
    right: 54px;
    z-index: 1;
}

.fondo {
    position: absolute;
    left: 90px;
    height: 690px;
    opacity: 0.5;
}

.separador-2 {
    background-color: #B7B7B7;
}

#exclusivamente {
    background-color: #B7B7B7;
}

    #exclusivamente .titulo {
        position: a;
        right: 60px;
    }

.seccion-3 {
    background-image: linear-gradient(to bottom, #5F5F5F, #B7B7B7);
}

.seccion-4 {
    background-image: linear-gradient(to bottom, #B7B7B7, #FFFFFF);
}

.plc-1 {
    height: 550px;
    position: relative;
    bottom: 19px;
    left: 77px;
}

.plc-2 {
    height: 490px;
    position: absolute;
    top: 150px;
    right: 232px;
}

.text {
    text-align: left;
    line-height: 1.6;
    position: relative;
    left: 40px;
}

.text-1 {
    white-space: nowrap;
    font-style: italic;
    text-align: left;
    font-size: 62px;
    text-shadow: 0.1em 0.1em #333;
}

.text-2 {
    position: relative;
    left: 10px;
    text-align: left;
    font-size: 40px;
    line-height: 1.5em;
}

.text-3 {
    text-align: right;
    font-size: 60px;
}

.text-4 {
    text-align: right;
    font-style: italic;
    font-size: 50px;
    line-height: 1.5em;
    color: white;
}

.text-5 {
    white-space: nowrap;
    text-align: right;
    font-style: italic;
    font-size: 50px;
    line-height: 1.5em;
    color: white;
}

.text-6 {
    text-align: right;
    font-size: 40px;
    font-weight: 500;
}

.text-7 {
    font-style: italic;
    font-size: 50px;
}

.text-8 {
    font-size: 30px;
}


.plc-3 {
    height: 700px;
    position: absolute;
    top: 1350px;
    right: 70px;
}

.todo {
    position: relative;
    left: 50px;
}

.logo-negro {
    height: 450px;
}

.d-ciat {
    height: 500px;
}

.unete {
    position: relative;
    height: 120px;
    left: 0;
    right: 0;
}

@media(max-width:1280px) {
    .video {
        margin: 0 auto;
    }

    .banner {
        font-size: 80px;
        letter-spacing: 3px;
        white-space: nowrap;
        position: relative;
        left: 70px;
        top: 12px;
    }

    .logo-banner-1 {
        height: 150px;
    }

    .logo-banner-2 {
        height: 380px;
        position: relative;
        right: 40px;
    }

    .info-1 {
        font-size: 30px;
        line-height: 1.2em;
        position: relative;
        top: 5px;
        left: 30px;
    }

    .text {
        font-size: 34px;
    }

    .plc-3 {
        position: absolute;
        height: 650px;
        right: 30px;
        top: 1230px;
    }

    .fondo {
        height: 700px;
        position: absolute;
        right: 100px;
    }

    .logo-1 {
        height: 170px;
        left: 100px;
    }

    .logo-2 {
        height: 145px;
        left: 400px;
    }

    .logo-3 {
        height: 145px;
        left: 120px;
        bottom: 200px;
    }

    .logo-4 {
        height: 180px;
        bottom: 180px;
    }

    .text-3 {
        position: relative;
        left: 10px;
    }

    .text-4 {
        position: relative;
        left: 10px;
        bottom: 50px;
    }

    .text-5 {
        font-size: 50px;
        position: relative;
        bottom: 60px;
        right: 40px;
    }

    #exclusivamente .titulo {
        left: 10px;
    }

    .plc-1 {
        height: 473px;
    }

    .text-1 {
        font-size: 50px;
    }

    .plc-2 {
        position: absolute;
        height: 420px;
        top: 120px;
        right: 120px;
    }

    .text-2 {
        font-size: 34px;
        position: relative;
        top: 20px;
    }

    .d-ciat {
        height: 400px;
    }

    .text-6 {
        font-size: 35px;
    }
}

/*VISTA MOVIL*/
@media(max-width:768px) {
    .video {
        margin: 0 auto;
        max-width: 800px;
    }

    .banner {
        font-size: 25px;
        letter-spacing: 3px;
        white-space: nowrap;
        position: relative;
        left: 20px;
        top: 12px;
    }

    .logo-banner-1 {
        height: 40px;
    }

    .logo-banner-2 {
        height: 180px;
        position: relative;
        right: 40px;
    }

    .info-1 {
        font-size: 12px;
        line-height: 1.2em;
        position: relative;
        top: 10px;
        left: 30px;
    }

    .especializate-text {
        left: 0px;
    }

    .text {
        font-size: 13px;
        left: 0px;
        line-height: 1.2;
    }

    .text-1 {
        white-space: nowrap;
        text-align: left;
        font-size: 18px;
        position: relative;
        right: 15px;
    }

    .text-2 {
        position: relative;
        left: -12px;
        text-align: left;
        font-size: 14px;
        line-height: 1.3em;
    }

    .text-3 {
        text-align: right;
        font-size: 18px;
        position: relative;
        left: 10px;
    }

    .text-4 {
        text-align: right;
        font-style: italic;
        font-size: 14px;
        line-height: 1.5em;
        color: white;
        position: relative;
        bottom: 20px;
        left: 10px;
    }

    .text-5 {
        font-size: 15px;
        white-space: nowrap;
        position: relative;
        right: 0px;
        bottom: 30px;
    }

    .text-6 {
        text-align: right;
        font-size: 14px;
    }

    .text-7 {
        font-style: italic;
        font-size: 20px;
    }

    .text-8 {
        font-size: 20px;
    }

    #exclusivamente .titulo {
        height: 50px;
        position: relative;
        left: 10px;
    }


    .logo-1 {
        height: 60px;
        position: absolute;
        top: 10px;
        left: 130px;
    }

    .logo-3 {
        height: 55px;
        position: absolute;
        top: 90px;
        left: 134px;
    }

    .logo-2 {
        height: 50px;
        position: absolute;
        top: 15px;
        left: 40px;
    }

    .logo-4 {
        height: 65px;
        top: 90px;
        left: 34px;
    }

    .fondo {
        position: absolute;
        left: 20px;
        height: 200px;
    }

    .plc-1 {
        height: 183px;
        position: relative;
        bottom: 5px;
        left: 0px;
    }

    .plc-2 {
        height: 150px;
        right: 50px;
        top: 80px;
    }

    .plc-3 {
        position: absolute;
        height: 200px;
        top: 470px;
        right: 10px;
    }

    .d-ciat {
        height: 160px;
        position: relative;
        right: 60px;
    }

    .todo {
        position: relative;
        left: 0px;
        right: 10px;
    }

    .logo-negro {
        height: 150px;
    }

    .unete {
        height: 60px;
        position: relative;
        left: -50px;
    }
}

@media(max-width: 400px) {
    .banner {
        font-size: 20px;
        letter-spacing: 3px;
        white-space: nowrap;
        position: relative;
        left: 20px;
        top: 12px;
    }

    .logo-banner-1 {
        height: 35px;
    }

    .logo-banner-2 {
        height: 160px;
    }

    .fondo {
        left: 20px;
    }

    .plc-1 {
        height: 130px;
        position: relative;
        bottom: 5px;
        left: 29px;
    }

    .plc-2 {
        position: absolute;
        top: 40px;
        right: 40px;
    }

    .plc-3 {
        top: 410px;
        height: 170px;
    }

    .info-1 {
        position: relative;
        top: 10px;
        font-size: 10px;
    }

    .text {
        font-size: 11px;
    }

    .text-3 {
        font-size: 14px;
        top: 10px;
    }

    .text-2 {
        font-size: 12px;
    }

    .text-4 {
        bottom: 10px;
    }

    .text-5 {
        font-size: 14px;
        right: 5px;
        bottom: 15px;
        position: relative;
    }

    .text-6 {
        text-align: right;
        font-size: 12px;
    }

    .d-ciat {
        height: 140px;
        position: relative;
        right: 60px;
    }

    .unete {
        height: 60px;
        position: relative;
        left: -65px;
    }
}