* {box-sizing: border-box;}
	
	.header {
		text-align: center;
		padding: 32px;
	}
	
	.row {
		margin:auto;
		max-width:1000px;
		display: -ms-flexbox; /* IE10 */
		display: flex;
		-ms-flex-wrap: wrap; /* IE10 */
		flex-wrap: wrap;
		padding: 0 4px;
	}
	
	/* Create four equal columns that sits next to each other */
	.column {
		-ms-flex: 33%; /* IE10 */
		flex: 33%;
		max-width: 33%;
		padding: 0 6px;
	}
	
	.column img {
		margin-top: 12px;
		vertical-align: middle;
	}
	
	
	
	/* Responsive layout - makes a two column-layout instead of four columns */
	@media (max-width: 800px) {
		.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 (max-width: 600px) {
		.column {
			-ms-flex: 100%;
			flex: 100%;
			max-width: 100%;
		}
	}
	
	/* Style the Image Used to Trigger the Modal */
	.myImg {
		border-radius: 5px;
		cursor: pointer;
		transition: 0.3s;
	}
	
	.myImg:hover {opacity: 0.7;}
	
	/* The Modal (background) */
	.modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		padding-top: 60px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
	}
	
	/* Modal Content (Image) */
	.modal-content {
		margin: auto;
		display: block;
		height:auto;
		width:auto;
		max-height:90%;
	}
	
	/* Caption of Modal Image (Image Text) - Same Width as the Image */
	#caption {
		margin: auto;
		display: block;
		width: 80%;
		max-width: 700px;
		text-align: center;
		color: #ccc;
		padding: 10px 0;
		height: 150px;
	}
	
	/* Add Animation - Zoom in the Modal */
	.modal-content, #caption { 
		animation-name: fading;
		animation-duration: 0.6s;
	}
	
	@keyframes zoom {
		from {transform:scale(0)} 
		to {transform:scale(1)}
	}
	
	@keyframes fading {0%{opacity:0}50%{opacity:1}100%}
	
	/* The Close Button */
	.close {
		position: absolute;
		top: 15px;
		right: 35px;
		color: #f1f1f1;
		font-size: 40px;
		font-weight: bold;
		transition: 0.3s;
	}
	
	.close:hover,
	.close:focus {
		color: #bbb;
		text-decoration: none;
		cursor: pointer;
	}