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

	/*********************************
	TWO COLUMN LAYOUT
	*********************************/
	#primary {
		width: 50%;
		/*float: left;*/
	
		}
		
		#secondary {
		width: 40%;
		/*float: right;*/
		}
		
	/*********************************
	3 * 5 = 15
	100-15 = 85%
	85 / 3 columns = 28.33333
	*********************************/
	
	/*********************************
	PAGE: PORTFOLIO
	*********************************/
	
	#gallery li {
		/*width: 28.33333%;*/
		width: 40%;
		}
		
		/*#gallery li:nth-child(4n) {
			clear: left;
			}*/
			
	/*********************************
	PAGE: PORTFOLIO
	*********************************/
		.profile-photo {
			float: left;
			margin: 0 5% 80px 0;
			}
	
	body{
	backgound: navy;
	}
}

@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{
		boarder-bottom: 5px solid #599a68;
		margin-bottom: 60px;
		}
		
	}