@media screen and (min-width: 480px){

	/*****************
	TWO COLUMN LAYOUT
	******************/
	#primary{
		width: 45%;
		float: left;
		}
	#secondary{
		width: 45%;
		float: right;
	}
	
	/*****************
	PAGE: SOLUTION
	******************/
	#gallery li {
		width: 28.3333%;
	}
	#gallery li:nth-child(4n){
	clear: left;
	}
	label {
		float: left;
		width: 40%;
		text-align: right;
	}
}

@media screen and (min-width: 660px){
	/*****************
	HEADER
	******************/
	nav{
		background:none;
		float: right;
		font-size: 1.125em;
		margin-right: 5%;
		text-align: right;
		width: 45%;
	}
	
	#logo {
		float: left;
		margin-left: 5%;
		text-align: left;
		width: 45%;
	}
	h1{
		font-size: 2.5em;
	}
	h2{
		font-size: 0.825em;
		margin-bottom: 20px;
	}
	header{
		border-bottom: 5px solid #3385ff;
		margin-bottom: 60px;
	}

	label {
		float: left;
		width: 40%;
		text-align: right;
	}
		
}