/* Imágenes Responsive usando CSS */
/* www.psdahtmlpasoapaso.com/blog */
/* ////////////////////////////// */

/* CSS Reset */
* { margin: 0; padding: 0; }

/* Imagen Respnsive Basica */
.image {
  width: 100%;
  height: auto;
  
}

.revista {
  width: 100%;
  height: 800px;
  
}
/* Responsive Images en Columnas */
.two-columns {
  width: 48%;
  display: inline-block;
}
.three-columns {
  width: 32%;
  display: inline-block;
}
/* Responsive Breakpoints  */

.breakpoint { /* 1 columna para smartphones */
  max-width: 100%;
  display: inline-block;
}
@media (min-width: 420px) { /* 2 columnas para tablets */
  .breakpoint {
    max-width: 48%;
  }
}
@media (min-width: 760px) { /* 4 columnas para grandes dispositivos*/
  .breakpoint {
    max-width: 24%;
  }
}
/* Full-width Responsive  */
.full {
  width: 100%;
}