body{
	background-color: #f5f5dc;
	padding: 1.25em; /* 20px */
}	

#content, #gallery, img{
	margin: 0;
	padding: 0;
}

img{
	max-width:100%
}

#content{
	position:fixed;
	width:60em;
	top:0em;
	bottom:4em;
	left:50%;
	margin-left: -30em;
	overflow:hidden;
	overflow-y:auto;
	background-color:#e1e1e1;
}

@media only screen and ( max-width: 60em ){
	#content{
		width: 100%;
		left: 0;
		margin: 0;
	}
}

#gallery{
	text-align:center;
	padding:0.833em 0.833em 0.833em 0.833em;
	max-height:100%;
	max-width:100%;
}

#gallery h1{
	padding: 10px 10px 10px 10px;
	color:#000000;
}

#gallery img{
	border:0;
	margin:0.833em 0.833em 0.833em 0.833em;
}

.image-description{
	width:100%;
}

.link{
	width:20%;
	padding-right:0.833em;
}
	
.desc{
	width:80%;
}

.logo{
	margin: 1em 0;
	padding: 0;
	max-width: 100%;
}

#gallery > h1{
	margin: 0.833em 0;
	padding: 0;
}

#gallery > p{
	color: #000000;
	margin: 0;
	padding: 0;
}

#gallery > p > a{
	color: #6699cc;
}

#gallery > p > a:hover{
	color: #ffff00;
}

.information{
	text-align:left;
	color: #000000;
}