@media screen and (min-width:480px) {
/********************************
Two column layout
*******************************/	

	#primary {
		width:50%;
		float: left;
	}
	#secondary {
		width: 40%;
		float: right;
	}





/********************************
Page: Portfolio;
*******************************/


#gallery {
	margin:0;
	padding: 0;
	list-style: none;
	max-width: 100%;
	background-color: #DCE0E1;
	padding-top: 35px;
	padding-bottom: 35px;
	border:1px;
}

#wrapper ul {

	padding-top: 35px;
	padding-right:1.5%;
	padding-left:1.5%;
}

#gallery li {
	background-color: #ecf0f1;
	border-radius: 3px;
	border-color: #DCE0E1;
	border:1px;
	width: 29.3333%;
	margin: 1.5%;
	display: inline-block;
}
	
#gallery li a p {
	font-size: 13px;

}

	#gallery li:nth-child (4n) {



	}

	/********************************
Page: About;
*******************************/

	.profil-photo {
		float:left;
		margin: 0 5% 80px 0;
	}


/********************************
Project Pages
*******************************/

#footer_gallery li {

	width: 29.7%;
	
}

#wrapper ul{
	padding-bottom: 70px;
}

#project_gallery_ul{
	margin-bottom: 105px;
}

footer{
		margin-top: 98px;
		
		bottom:0;
   		width:100%;
   		
		 
}

#container {

   min-height:100%;
   position:relative;
   margin: 0 auto;
   margin-bottom:-60px;
   height:auto;
}

html {
	height:100%;

}

#breaker {
   padding:84px;
   padding-bottom:60px;   /* Height of the footer */
}

#wrapper2 ul {

	padding-top: 35px;
	padding-right:1.5%;
	padding-left:1.5%;
}

#wrapper ul{
	padding-bottom: 35px;
}

#wrapper2 ul{
	padding-bottom: 70px;
}



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

}


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

	/********************************
Header
*******************************/

	nav {
		background:none;
		float:right;
		margin-right: 1.5%;
		text-align:center;
		padding-top: 10px;


	}


	nav a.selected, nav a:hover {
	color:#2A94D6;
	
}
	

	#logo {
		float:left;
		text-align:left;
		margin-left: 1.4%;
	}

	h1 {
		margin-left: 0%;
		margin-right: 0%;
		max-width: 200%;
		text-align: left;
		margin-top: 0px;
		margin-bottom:0px;
		padding-left:0%;



	}


 #logo a h1{
 	padding-left: 0%;
 	margin-left: 0px;

 }

	h2 {
		font-size: 0.825em;
		margin-bottom: 20px;
		margin-left: 0%;
	}


	header {
		border-bottom: 5px solid: #599a68;
		margin-bottom:60px;
	}

	header {
		margin-bottom: 42px;
		margin: 0;
	}


	header a h1{
		max-width: 100%;
		text-align: left;
	}


	#quote h3{
	text-align: left;
		padding: 72px 0% 0 0%;
		margin-right: 5%;
		margin-left: 3.0%;
}

	#usericon{
		margin: 1.5% 1.5% 1.5% 1.5%;
		padding:0;
	}

	

	#quote h4{
	text-align: left;
	padding-left: 40px;
	margin-bottom: 36px;
	}



	#quote h4{
	max-width:940px;
	font-family: 'Ubuntu', sans-serif;
	font-size:13px;
	padding: 0 2.5% 0 3.0%;
	color:#a1aab1;
	max-width:100%;
	font-weight:100;
	padding-top: 0px;
	padding-bottom:14px;

	}

#gallery{
	padding:42px 1.5% 42px 1.5%;
	margin:0px;
}

	/*#gallery {
	margin: 0;
	padding-top: 42px;
	list-style: none;
	max-width: 100%;
	background-color: #DCE0E1;
	padding-top: 21px;
	padding-bottom: 35px;
	border:1px;
	margin-right:5% 5% 5% 5%;*/


#gallery ul {
	padding: 1.5% 1.5% 1.5% 1.5%;
}

#gallery li {
	background-color: #ecf0f1;
	border-radius: 3px;
	border-color: #DCE0E1;
	border:1px;
	width: 29.8333%;
	display: inline-block;
	margin:1.5% 1.5% 1.5% 1.5%;

}
	
	#gallery li:nth-child (4n) {

	}






/********************************
Project Pages
*******************************/
    #project_name h3{
	text-align: center;
		padding-top: 55px;
		margin-right: 5%;
		margin-left: 3.0%;
		padding-bottom: 29px;
}



	#project_name h4{
	text-align: center;
	padding-left: 40px;
	margin-bottom: 36px;
	}


	#project_name h4{
	max-width:940px;
	font-family: 'Ubuntu', sans-serif;
	font-size:13px;
	padding: 0 2.5% 0 3.0%;
	color:#a1aab1;
	max-width:100%;
	font-weight:100;
	padding-top: 0px;
	padding-bottom:14px;

	}



	#project_gallery   {
		margin-left: 50%;
		padding-left: -327px;
		margin-right: 13%;
		

	}

#project_gallery li{
		margin-left: -327px;
		margin-bottom: 23px;
		margin-right: 13%;

}



#project_gallery li img {

	margin: 3%;
}

#project_gallery li video {

	margin: 3%;
}



#gallery2 {
	background-color: #DCE0E1;
}


#footer_gallery li a p {
	font-size:13px;


}

#project_gallery li img{
	border-radius: 3px;
	width: 94%;
	margin: 3%;
}


#project_gallery li video{
	border-radius: 3px;
	width: 94%;
	margin: 3%;
}

#project_gallery li p{
	padding: 0 3% 3% 3%;
}


}