@media only screen and (max-width: 1980px) {
	
		div#content {
		
		width: 50%;
		padding: 0;
		border: hidden;
		
		
	}
	
	nav ul li {
		
		width: 34%;
		margin-top: 1.2em;
		
	}
	
	.images {
		
		width: 100%;
		
	}
	
	article#article1, article#article2, article#article3 {
		
		float: none;
		clear: both;
		width: 100%;
		
		
	}
	
	
	
}

@media only screen and (max-width: 800px) {


	div#content {
		
		
		width: 100%;
		padding: 0;
		border: hidden;
		
		
	}
	
	nav ul li {
		
		width: 100%;
		margin-top: 1.2em;
		
	}
	
	.images {
		
		width: 100%;
		
	}
	
	article#article1, article#article2, article#article3 {
		
		float: none;
		clear: both;
		width: 100%;
		
		
	}
	
	
	
}