*{box-sizing: border-box;}


.row {
  width: 95%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: auto;
}

/* Crea cuatro columnas iguales que se acomodan una al lado de la otra. */
.column {
  flex: 100%;
  max-width: 100%;
  padding: 0;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
  padding: 0;
}

/*MEDIAS QUERIES*/


@media screen and (min-width:600px){
.column {
    flex: 50%;
    max-width: 50%;
    padding: 0 4px
  } 

}


@media screen and (min-width:1024px){
 .column {
    flex: 50%;
    max-width: 50%;
  } 

}


@media screen and (min-width:1200px){
 .column {
    flex: 25%;
    max-width: 25%;
  } 
    
 .row {width: 100%;}    

}
}