body {
    background-color: black;
}

/*-------------------------------------------------------------------*/

.DESARROLLOWEB {
    margin-left: 6vw;
    margin-top: 10vw;
    width: 30vw;
}

.DESARROLLOWEB h1 {
    font: bold 1.5vw "Roboto", sans-serif;
    color: white;
}

.CONTENEDOR_IMG_WEB {
    display: flex;
    margin-top: 4vw;
}

.Certificado_web1,
.Certificado_web2,
.Certificado_web3,
.Certificado_web4,
.Certificado_web5,
.Certificado_web6,
.Certificado_web7,
.Certificado_web8 {
    width: 20vw;
    max-width: 100%;
    border: 0.3vw solid rgb(0, 176, 117);
}

.Certificado_web2,
.Certificado_web3,
.Certificado_web4,
.Certificado_web6,
.Certificado_web7,
.Certificado_web8 {
    margin-left: 2vw;
}

/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/

.ADMINISTRATIVO {
    margin-left: 6vw;
    margin-top: 10vw;
    width: 30vw;
}

.ADMINISTRATIVO h1 {
    font: bold 1.5vw "Roboto", sans-serif;
}

.CONTENEDOR_IMG_ADMIN {
    display: flex;
    margin-top: 4vw;
}

.Certificado_Adm1,
.Certificado_Adm2,
.Certificado_Adm3,
.Certificado_Adm4,
.Certificado_Adm5,
.Certificado_Adm6,
.Certificado_Adm7,
.Certificado_Adm8,
.Certificado_Adm9,
.Certificado_Adm10 {
    width: 20vw;
    max-width: 100%;
    border: 0.3vw solid aqua;
}

.Certificado_Adm2,
.Certificado_Adm3,
.Certificado_Adm4,
.Certificado_Adm6,
.Certificado_Adm7,
.Certificado_Adm8,
.Certificado_Adm10 {
    margin-left: 2vw;
}

/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.CIBERSEGURIDAD {
    margin-left: 6vw;
    margin-top: 10vw;
    width: 30vw;
}

.CIBERSEGURIDAD h1 {
    font: bold 1.5vw "Roboto", sans-serif;
}

.CONTENEDOR_IMG_CIBER {
    display: flex;
    margin-top: 4vw;
}

.Certificado_Cib1,
.Certificado_Cib2,
.Certificado_Cib3,
.Certificado_Cib4,
.Certificado_Cib5,
.Certificado_Cib6,
.Certificado_Cib7,
.Certificado_Cib8 {
    width: 20vw;
    max-width: 100%;
    border: 0.3vw solid rgb(95, 0, 184);
}

.Certificado_Cib2,
.Certificado_Cib3,
.Certificado_Cib4,
.Certificado_Cib6,
.Certificado_Cib7,
.Certificado_Cib8 {
    margin-left: 2vw;
}

/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.TXT_CONTACTO {
    margin-top: 8vw;
    margin-left: 35%;
}

.blanco {
    color: white;
}

.TXT_CONTACTO h1 {
    font: bold 1.5vw "Roboto", sans-serif;
    color: hsla(32, 100%, 50%, 0.89);
}

.ICON_CONTACTO {
    margin-left: 8vw;
    margin-top: 2vw;
}

.ICON_CONTACTO img {
    margin-right: 1vw;
}

.IMG_GMAIL,
.IMG_WHATSAPP,
.IMG_LINKEDIN {
    width: 3vw;
    max-width: 100%;
}

.Fin {
    font: bold 1.5vw "Roboto", sans-serif;
    color: hsla(0, 0%, 100%, 0.89);
    margin-left: 17%;
    padding: 1vw;
}

.IMG_GMAIL:hover,
.IMG_WHATSAPP:hover,
.IMG_LINKEDIN:hover {
    width: 3.5vw;
    transition: width 0.3s; 
}

/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
    .DESARROLLOWEB{
        margin-top: 27vw;
        width: 90%;
        
    }
    
    .DESARROLLOWEB h1 {
        font: bold 3vw "Roboto", sans-serif;
    }

    .CONTENEDOR_IMG_WEB{
        margin-left: -5vw;
        margin-top: 1vw;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .Certificado_web1,
    .Certificado_web2,
    .Certificado_web3,
    .Certificado_web4,
    .Certificado_web5,
    .Certificado_web6,
    .Certificado_web7,
    .Certificado_web8 {
        width: 40vw;
        max-width: 100%;
        margin-left: 4.5vw;
        border: 0.6vw solid rgb(0, 176, 117);
        margin-top: 4vw;
    }

    /*----------------------------------------------------------*/
    .ADMINISTRATIVO {
        width: 90%;
    }
    
    
    .ADMINISTRATIVO h1 {
        font: bold 3vw "Roboto", sans-serif;
    }
    
    .CONTENEDOR_IMG_ADMIN {
        margin-left: -5vw;
        margin-top: 1vw;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    
    .Certificado_Adm1,
    .Certificado_Adm2,
    .Certificado_Adm3,
    .Certificado_Adm4,
    .Certificado_Adm5,
    .Certificado_Adm6,
    .Certificado_Adm7,
    .Certificado_Adm8,
    .Certificado_Adm9,
    .Certificado_Adm10 {
        width: 40vw;
        max-width: 100%;
        margin-left: 4.5vw;
        border: 0.6vw solid aqua;
        margin-top: 4vw;
    }

 
  

    /*----------------------------------------------------------*/

    .CIBERSEGURIDAD {
        width: 90%;
    }
    
    .CIBERSEGURIDAD h1 {
        font: bold 3vw "Roboto", sans-serif;
    }
    
    .CONTENEDOR_IMG_CIBER {
        margin-left: -5vw;
        margin-top: 1vw;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    
    .Certificado_Cib1,
    .Certificado_Cib2,
    .Certificado_Cib3,
    .Certificado_Cib4,
    .Certificado_Cib5,
    .Certificado_Cib6,
    .Certificado_Cib7,
    .Certificado_Cib8 {
        width: 40vw;
        max-width: 100%;
        margin-left: 4.5vw;
        margin-top: 4vw;
        border: 0.6vw solid rgb(95, 0, 184);
    }
     /*----------------------------------------------------------*/
    
     .TXT_CONTACTO {
        margin-left: 20%;
    }
    
    .TXT_CONTACTO h1 {
        font: bold 3vw "Roboto", sans-serif;
    }

    .ICON_CONTACTO {
        margin-top: 5vw;
        margin-left: 20vw;
    }
    
    .IMG_GMAIL {
        width: 8vw;
    }
    
    .IMG_WHATSAPP {
        width: 8vw;
    }
    
    .IMG_LINKEDIN {
        width: 8vw;
    }
    
    .Fin {
        font: bold 4vw "Roboto", sans-serif;
        margin-left: 5%;
    }
    
    .IMG_GMAIL:hover {
       width: 9.5vw;
    }
    
    .IMG_WHATSAPP:hover {
        width: 9.5vw;
    }
    
    .IMG_LINKEDIN:hover{
        width: 9.5vw;
    }


}