/*===============================================================*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) { /*pequeño celular*/
  
  .logo_web2 {
    width: 150px;
    height: 55px;
    background-image: url('../images/logo_200px_blanco.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .certif{
    width: 100px;
    height: 50px;
    background-image: url('../images/logo_200px_certificado.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) { /*Mediano tablet 1*/
  
  .logo_web2 {
    width: 150px;
    height: 55px;
    background-image: url('../images/logo_200px_blanco.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  
  }

  .certif{
    width: 100px;
    height: 50px;
    background-image: url('../images/logo_200px_certificado.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) { /*Mediano tablet 2*/

  .logo_web2 {
    width: 240px;
    height: 85px;
    background-image: url('../images/logo_200px_blanco.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  
  }

  .certif{
    width: 100px;
    height: 50px;
    background-image: url('../images/logo_200px_certificado.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) { /*Mediano Tablet 3*/

  .logo_web2 {
    width: 120px;
    height: 120px;
    background-image: url('../images/logo_200px_blanco.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .certif{
    width: 150px;
    height: 70px;
    background-image: url('../images/logo_200px_certificado.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) { /*Superior Normal y mas grande*/

  .logo_web2 {
      width: 150px;
      height: 150px;
      background-image: url('../images/logo150X150.png');
      background-repeat: no-repeat;
      background-size: cover;
    
    }

  .certif{
    width: 150px;
    height: 70px;
    background-image: url('../images/logo_200px_certificado.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bak_menu{
    background: rgba(0,0,0,0.3); 
    border-radius: 20px;
  }

}
/*===============================================================*/ 

.tamimg{
  width: 155px;
  height: 55px;
  background-image: url('../images/logo_200px_blanco.jpg'); /*Agrega los dos logos en uno en index al hacer*/
  background-repeat: no-repeat;
  background-size: cover;
}

.tamimg_otras_paginas{
  width: 155px;
  height: 50px;
  background-image: url('../images/logo_200px_blanco.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}