body {
	background-color: beige;
	}

section {
	margin: auto;
	background-color: cornsilk;
	width: 80%;
	text-align: center;
	}
	
header {
	text-align: center;
	width: 100%;
	margin: auto;
	padding-bottom: 1em;
	border-bottom: 5px solid olivedrab;
	}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: darkgreen;
	font-size: 5em;
	width: 50%;
	display:inline;
	padding-right: 1em;
	}

h2 {
	width: 50%;
	display:inline;
	font-size: 2em;
}

p {
	font-family: Arial, Helvetica, sans-serif;
}

div {
	display:inline-block;
	width: 24%;
	vertical-align:top;


}

img {
	max-width: 100%;
	max-height: 423px;
}

.double {
	width: 48%
}

.vert {
	max-width: 30%;
}

footer {
	width: 100%;
	border-top:2px solid olivedrab;
	border-bottom:2px solid olivedrab;
	text-align: center;
}

@media screen and (max-width: 1680px) {
	div {
		width: 48%;
	}
	
	.double {
		width: 100%
	}
	
	.vert {
		max-width: 100%;
	}
}

@media screen and (max-width: 1000px) {
	div {
		width: 100%;
	}
}