Continguts del fitxer

/*Reglas a aplicar para cualquier tipo de dispositivo*/

  .logo {

    opacity:0.8;
    width:50%;
    float: left; /* las imagenes se acumulan o entran  hacia la izquieda*/
    padding: 10px;  /* Borde de 10 pixeles*/
    box-sizing: border-box; /* el tamaño de la imagen es el 25% incluido el padding*/
  }

.logo:hover /* en la capa carpeta  cuendo el cursor se pone encima */
{
opacity: 1;
}


/*Reglas a aplicar para dispositivos tipo tablet*/
@media (min-width: 768px) and (max-width: 979px)
{
  .logo {

      opacity:1;
      width:50%;

  }
  .logo:nth-last-child(2)
  {
    margin-left: 15.4%;
  }
}




/*Reglas a aplicar para dispositivos tipo tablet/móvil*/
@media (min-width: 639px) and (max-width: 768px)
{
  .logo {
      opacity:1;
      width:100%;

  }

}

/*Reglas a aplicar para dispositivos tipo teléfono móvil*/
@media (max-width: 639px)
{
  .logo {
      opacity:1;
      width:100%;
      text-align: center; /* para mobil el texto esta centrado*/
  }
}