* {
  box-sizing: border-box;
}

.image-row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
  margin-top: -127px;
}

/* Create two equal columns that sits next to each other */
.image-column {
	margin-top: -8px;
  -ms-flex: 53%; /* IE10 */
  flex: 53%;
  max-width: 53%;
  padding: 0 4px;
}

.image-column-right {
	margin-top: -8px;
  -ms-flex: 47%; /* IE10 */
  flex: 47%;
  max-width: 47%;
  padding: 0 4px;
}

.image-column img, .image-column-right img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

.sepia-img a img {
  -webkit-filter: sepia(0);
  filter: sepia(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.sepia-img a img:hover {
	-webkit-filter: sepia(80%);
  filter: sepia(80%);
}

/* Responsive layout - makes a two column-layout instead of four columns 
@media screen and (max-width: 800px) {
  .image-column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}
*/

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .image-column, .image-column-right {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}