/* Create four equal columns that sits next to each other */
  .column {
	width:33%;
	padding: 0 4px;
	box-sizing: border-box;
	
  }
  
  .column img {
	margin-top: 8px;
	vertical-align: middle;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	border:1px black solid;
	padding:3px;
  }
  
  /* Responsive layout - makes a two column-layout instead of four columns */
  @media screen and (max-width: 800px) {
	.column {
		width:33%;
	  max-width: 100%;
	}
  }
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
	.column {
	  flex: 100%;
	  width:48%;
	  max-width: 100%;
	}
  }