@media screen and (max-width: 1210px){
    #descarga{
        display: inline;
    }
    #download{
        font-size: 15px;
    }
    #download-icon{
        font-size: 35px;
    }
    #contactBox{
        display: grid;
        place-items: center;
    }
    #contacto2{
        margin-right: 0px;
        margin-bottom: 20px;
    }
    #formulario{
        width: 400px;
    }
    .tabla{
        height: 90px;
    }

}
@media screen and (max-width: 1100px){
    .certificados{
        max-width: 200px;
    }
}
@media screen and (max-width: 990px){
    #menu{
        width: 35%;
        transition: all 300ms;
        
    }
    #menu ul li{
        display:none;
        font-size: 14px;
    }
    #menuicon{
        display: grid;
    }
    .boxA{
        width: 65%;
    }
    #boxT{
        height: 760px;
        display: grid;
        justify-items: center;
    }
}
@media screen and (max-width: 950px){
    #descarga{
        width: 25%; 
        margin-left: 0px;
        display: inline-block;
    }
    #Bcontenedor{
        text-align: left;
    }
}
@media screen and (max-width: 800px){
    #Bsuperior{
        justify-items: left;
    }
    #Bsuperior ul li{
        display: block;
    }
    video{
        display: none;
    }
    .botonEXP{
        display: block;
    }
}
@media screen and (max-width: 790px){
    #descarga{
        display: block; 
        width: 100%; 
        text-align: center;
        margin: 10px;
    }
    #download{
        margin-right: 15px;
    }
}
@media screen and (max-width: 770px){
   
    .boxA{
        width: 75%;
        margin-left: 0px;
    }
    #boxT p{
        font-size: 14px;
    }
    #contacto2{
        width: 300px;
        font-size: 16px;
        word-wrap: break-word;
    }
    #contacto{
        margin: 0px;
    }
    .inputs-form, textarea{
        width: 250px;  
    }
    .tabla, #tabla{
        height: 120px;
    }
   
}
@media screen and (max-width: 570px){
    #download{
        margin-right: 0px;
    }
    #prep{
        padding: 35px
    }
    #contacto2{
        width: 200px;
        font-size: 12px;
    }
    #contacto{
        width: 190px;
        padding-left: 0px;
    }
    #formulario{
        width: 190px;
    }
    .inputs-form, textarea{
        width: 170px;
       

    }
    #cont-cv{
        display: grid;
        justify-items: center;
    }
    #cv{
        width: 300px;
        font-size: 20px;
        justify-items: center;
    }
    #sliderbox{
        display: none;
        height: 0px;
    }
    .bx-viewport{
        display: none;        
    }
    .bx-wrapper{
        display: none;
    }
    .tabla h3, #tabla h3{
        font-size: 15px;
    }
} 
@media screen and (max-width: 510px){
    .tabla, #tabla{
    height: 150px;
    }
   
} 
@media screen and (max-width: 450px){
    .boxA h2{
        font-size: 20px;
    }
    #cv{
        width: 200px;
        font-size: 12px;       
    }
    #cambiador{
        transform: translateX(-10px);
    }
} 
@media screen and (max-width: 410px){
    #boxT p{
        font-size: 12px;
    }
    #boxT{
        height: 800px;

    }
} 
@media screen and (max-width: 400px){
    #micro{
        margin-top: 30px;
    }
}
/*
@media screen and (max-width: 990px){

}

@media screen and (max-width: 600px){
    #cv{
        width: 300px;
        font-size: 20px;
        justify-items: center;
    }
}
@media screen and (max-width: 820px){
        .bx-viewport{
        width: 150px;
        height: 100px !important;
          
    }
    .bx-wrapper{
        width: 150px;
        height: 100px !important;
        position: relative;
        left: 30%;
    }
    #boxT{
        height: 800px;
        display: grid;
        justify-items: center;
        margin-left: 0px;
        
    }
    #educacion{
        height: 700px;
    }
    p{
        font-size: 13px;
       
    }
}