#content {
	padding: 1.5rem;
}

.three-col {
	width: 100%;
	float: left;
}

.three-col:nth-child(2), .three-col:nth-child(3) {
	padding-top: 1rem;
}

#adres, #uren {
	width: 100%;
	background-color: white;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	padding: 1rem;
	padding-top: 1.5rem;
}

#foto img {
	width: 100%;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

#adres li {
	margin-bottom: 1em;
}

#map {
	width: 100%;
	height: 250px;
	float: left;
	margin-top: 1rem;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

#adres h2, #uren h2 {
	font-family: "AmericanTypewriter", "Arial", sans-serif;
	text-align: center;
	margin-top: 0em;
}

#adres ul, #uren ul {
	list-style: none;
	padding: 0em;
	margin: 0em;
	overflow: hidden;
	text-align: center;
}

#adres a {
	text-decoration: underline;
}

#adres img {
	height: 1em;
}

@media (min-width: 60em) {

	.three-col {
		width: 33.33%;
		height: 15rem;
	}

	.three-col:nth-child(2), .three-col:nth-child(3) {
		padding-top: 0rem;
	}

	.three-col:first-child {
		padding-right: 0.5rem;
	}

	.three-col:nth-child(2) {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

	.three-col:nth-child(3) {
		padding-left: 0.5rem;
	}

	#foto img {
		height: 100%;
		width: 100%;
	}

	#adres, #uren {
		min-height: 15rem;
		width: 100%;
	}
}