@media screen and (min-width: 510px) {
/*************************************** 
GENERAL
***************************************/
	header {
		margin: 0 0 30px 0;

	}

	nav {
		background: none;
		font-size: 1.125em;
		float: right;
		text-align: right;
		margin: 20px 5% 0 10px;
	}

	nav ul {
		margin: 0 10px;
	}

	h1 {
		display: inline-block;
		margin-left: 5%;
	}

	h2 {
		text-align: left;
		margin-left: 15px;
	}

/*************************************** 
PAGE: PORTFOLIO
***************************************/
	#gallery li {
		width: 240px;
	}

	#gallery li:nth-child(3n, 5n){
		clear:left;
	}

	#gallery img {
		width: 230px;
		height: 150px;
	}

	#gallery p {
		width: 225.222px;
		right: 13.6999px;
	}
/*************************************** 
PAGE: ABOUT
***************************************/

	#content {
		margin: 0 auto
	}

	#top {
	}
		margin: 0 auto;

	#content img {
		max-width: 150px;
		float: left;
	}

	#content img {
		float: left;
		margin: 5px 10px;
	}

	

}

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

	
}