body {background-color: #006633;
color: #000000;
font-family: arial;
}

#header {color: #ffffff;
}

#main {
	overflow: hidden;
	background-color: #ffff99;
	padding: 20px;
	margin: 0 auto;
}

.photos {float: left;
margin: 5px;
}

.photos img {width: 200px;
}

.photo-detail img {
	max-width: 600px;
	max-height: 60vh;
	width: 100%
	height: auto;
	display: block;
	margin: 0 auto;
	border: 3px solid red;
}
	
@media (max-width: 600px) {
	body {
		font-size: 18px;
	}
	
	#header h1 {
		font-size: 24px;
	}
	
	#footer {
		font-size: 14px;
	}
}

#footer {
	color: #ffffff;
	clear: both;
}