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


/* Responsive Images en Columnas */
.two-columns {
  width: 48%;
  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%;
}


/* Layout */
.container_29 {
  position: relative;
  width: 96%;
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}