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

/********************************
GALLERY
********************************/	

#gallery ul {
	float: left;
	width: 50%;
}
  
/* #gallery li:nth-child(4n) {
    clear: left; 
 } */
	
	
	
/********************************
HEADING
********************************/

#header {
	margin: 3% auto 5px;
}
	
h1 {
	display: block;
	padding: 0;
	text-align: center;
}
	
h2 {
	display: block;
	margin: .5em;
	padding: 0;
	text-align: center;
}
	

/********************************
NAVIGATION
********************************/	

nav {
	display: block;
	margin: 0 0 5px;
	padding: 0 0 5px;
	float: none;
}
	
nav ul {
	text-align: center;
	padding: 0;
}
	
}