html{box-sizing:border-box;}*,*:after{box-sizing:inherit}

body{
	margin: 0;
	max-width: 100%;
	font-family: Arial;
	background-color: #9e9e9e;
	}

/* Maak 2 gelijke kolommen */
.column {
	flex: 50%;
	max-width: 50%;
	padding: 2.5vw 4vw 0vw 4vw;
	}

.column img {
	filter: grayscale(60%);
	transition: 1s;
	vertical-align: middle;
	}

img {
	width: 100%;
	display: block;
	border: solid 0.3vw;
	border-radius: 0.8vw;
	}

img:hover{
	filter: grayscale(0);
	transform: scale(1.15);
	}

#myBtn {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 99;
	font-size: 14px;
	border: none;
	outline: none;
	background-color: #BC0C0C;
	color: white;
	cursor: pointer;
	padding: 10px;
	border-radius: 3px;
	}

#myBtn:hover {
	background-color: #555;
	}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
	}

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

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