.body {
    width: 100%;
    background-image: url('/depec/resources/img/analitica.png');
    background-size: 100% 100%;
    height: 60vh !important;
}

.body2 {
    width: 100%;
    background-image: url('/depec/resources/img/analitica.png');
    background-size: 100% 100%;
    height: 60vh !important;
}

.body3 {
    width: 100%;
    background-image: url('/depec/resources/img/analitica.png');
    background-size: 100% 100%;
    height: 60vh !important;
}

.body4 {
    width: 100%;
    /*background-image: url('/depec/resources/img/taller.jpg');*/
    background-size: 100% 100%;
    height: 55vh; !important;
}

.body5 {
    width: 100%;
    background-image: url('/depec/resources/img/ce.png');
    background-size: 100% 100%;
    height: 60vh !important;
}

.body6 {
    width: 100%;
    background-image: url('/depec/resources/img/ciclo.jpg');
    background-size: 100% 100%;
    height: 60vh !important;
}

.body7 {
    width: 100%;
    background-image: url('/depec/resources/img/sv_1.png');
    background-size: 100% 100%;
    height: 60vh !important;
}

.body8 {
    width: 100%;
    background-image: url('/depec/resources/img/cisco.png');
    background-size: 100% 100%;
    height: 60vh !important;
}

.body9 {
    width: 100%;
    background-image: url('/depec/resources/img/pmo.png');
    background-size: 100% 100%;
    height: 60vh !important;
}

.body10 {
    width: 100%;
    background-image: url('/depec/resources/img/ss.png');
    background-size: 100% 100%;
    height: 60vh !important;
}

@font-face {
    font-family: "Montserrat Bold";
    font-style: normal;
    font-weight: 300;
    src: url('/depec/resources/fonts/Montserrat-Bold.ttf');
}

@font-face {
    font-family: "Montserrat Regular";
    font-style: normal;
    font-weight: 300;
    src: url('/depec/resources/fonts/Montserrat-Regular.ttf');
}

@media only screen and (max-width: 640px) {
    .body {
        background-image: url('/depec/resources/img/logo1200.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 250px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body2 {
        background-image: url('/depec/resources/img/int1200.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 250px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body3 {
        background-image: url('/depec/resources/img/logoSem.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 250px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body4 {
        background-image: url('/depec/resources/img/taller.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 290px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body5 {
        background-image: url('/depec/resources/img/ce.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 250px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body6 {
        background-image: url('/depec/resources/img/cicloc.jpg');
        background-position: center;
        background-repeat: no-repeat;
        height: 250px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body7 {
        background-image: url('/depec/resources/img/sv_c.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 250px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body8 {
        background-image: url('/depec/resources/img/cisco_c.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 250px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }
    .body9 {
        background-image: url('/depec/resources/img/pmo_c.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 250px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }
    .body10 {
        background-image: url('/depec/resources/img/ss_c.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 250px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 640px) and (max-width: 1280px) {
    .body {
        background-image: url('/depec/resources/img/cover.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 460px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body2 {
        background-image: url('/depec/resources/img/int.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 460px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body3 {
        background-image: url('/depec/resources/img/sem.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 460px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body4 {
        background-image: url('/depec/resources/img/taller3.jpg');
        background-position: center;
        background-repeat: no-repeat;
        height: 460px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body5 {
        background-image: url('/depec/resources/img/ce.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 460px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body6 {
        background-image: url('/depec/resources/img/ciclo.jpg');
        background-position: center;
        background-repeat: no-repeat;
        height: 460px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body7 {
        background-image: url('/depec/resources/img/sv_1.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 460px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body8 {
        background-image: url('/depec/resources/img/cisco.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 460px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body9 {
        background-image: url('/depec/resources/img/pmo.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 460px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body10 {
        background-image: url('/depec/resources/img/ss.png');
        background-position: center;
        background-repeat: no-repeat;
        height: 460px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }
}

/*@media only screen and (min-width: 1280px) {
    .body {
        background-image: url('/depec/resources/img/cover.png');
        background-size: cover;
        height: 65vh !important;
    }

    .body2 {
        background-image: url('/depec/resources/img/int.png');
        background-size: cover;
        height: 65vh !important;
    }

    .body3 {
        background-image: url('/depec/resources/img/sem.png');
        background-size: cover;
        height: 65vh !important;
    }

    .body4 {
        background-image: url('/depec/resources/img/taller.jpeg');
        background-size: cover;
        height: 65vh !important;
    }
}*/

@media only screen and (min-width: 1281px) {
    .body {
        background-image: url('/depec/resources/img/cover2.png');
        /*background-size: cover;*/
        height: 65vh !important;
    }

    .body2 {
        background-image: url('/depec/resources/img/int2.png');
        /*background-size: cover;*/
        height: 65vh !important;
    }

    .body3 {
        background-image: url('/depec/resources/img/sem2.png');
        /*background-size: cover;*/
        height: 65vh !important;
    }

    .body5 {
        background-image: url('/depec/resources/img/ce2.png');
        /*background-size: cover;*/
        height: 65vh !important;
    }

    .body4 {
        background-image: url('/depec/resources/img/taller2.jpg');
        background-position: center;
        background-repeat: no-repeat;
        height: 460px;
        text-align: center;
        horiz-align: center;
        vertical-align: middle;
    }

    .body6 {
        background-image: url('/depec/resources/img/ciclo2.jpg');
        /*background-size: cover;*/
        height: 65vh !important;
    }

    .body7 {
        background-image: url('/depec/resources/img/sv_2.png');
        /*background-size: cover;*/
        height: 65vh !important;
    }

    .body8 {
        background-image: url('/depec/resources/img/cisco_2.png');
        /*background-size: cover;*/
        height: 65vh !important;
    }

    .body9 {
        background-image: url('/depec/resources/img/pmo2.png');
        /*background-size: cover;*/
        height: 65vh !important;
    }

    .body10 {
        background-image: url('/depec/resources/img/ss2.png');
        /*background-size: cover;*/
        height: 65vh !important;
    }
}
