@media screen and (min-width: 480px) {
/*__________________________
TWO COLUMB LAYOUT
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
	#primary {
		width: 50%;
		float: left;
	}
	
	#secondary {
		width: 50%;
		float: right;
	}
	
/*__________________________
PAGE: PORTFOLIO
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
	#gallery li {
		width: 33.3333%;
	}
	
	#gallery li:nth-child(4n) {
		clear: left;
	}
	
/*__________________________
NAVIGATION
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/	
	nav ul {
		text-align: left;
		margin-left: 15px;
	}
	
/*__________________________
ABOUT
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/		
	.about-section img {
		float: left;
		margin: 5% 5% 80px 5%;
	}
	
	.about-section h3 {
		margin-top: 5%;
	}
	
}

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

		#primary {
		width: 66.6666%;
		float: left;
	}
	
	#secondary {
		width: 33.3333%;
		float: right;
	}