@import url("../../projects/_css/fonts.css");

#projects { float: left; width: 100%;}
 
#projects-header {height: 100px;}
 
#projects-header-center{
	height: 100px;
	margin-right: auto;
	margin-left: auto;
}
#projects-header-center-left{
	float: left;
	height: 35px;
	line-height: 35px;
	margin-top: 10px;
}
 
.projects-header-center-right-links {
	 color:#fff; /**#dfbba7**/
	float: left;
	height: 35px;
	margin-right:15px;
	 font-family: 'SourceSansPro-ExtraLight';
	font-size: 20px;
 	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}

.projects-header-center-right-links img {padding-right: 5px; }

.projects-header-center-right-links:hover {
	/*background-color:#dfbba7;
	color: rgba(255,255,255,1);*/
	color: #fff; /**#dfbba7**/
 	border-bottom:solid 2px #fff; /**#dfbba7**/
	cursor: pointer;
}
 
.projects-header-center-right-links-current 
{
	color: #fff; /**#dfbba7**/ 
	border-bottom:solid 2px #fff; /**#dfbba7**/
}
	
.projects-header-center-right-links-current:hover {	border-bottom:solid 2px #fff; /**#dfbba7**/}
 
#projects-content{	float: left; width: 100%;}
 
.projects-content-center-full {	float: left; width: 100%;}
 
#projects-content-center .salah {
	width: 32.5%;
	margin-bottom: 10px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin-left: 10px;
	max-width: 32%; 
	
}

#projects-content-center .salah img {
	width: 100%;
 	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#projects-content-center .salah:hover img {	-webkit-filter: grayscale(0%); filter: grayscale(0%);}

 @media screen and (max-width: 900px){#projects-content-center .salah {width: 47% !important; max-width:47%;} }
@media screen and (max-width: 400px)
{
	#projects-content-center .salah { width: 100% !important; max-width:100%;}
} 

@media screen and (max-width: 360px)
{
	.projects-header-center-right-links { margin-right: 14px; font-size: 18px; margin-top: 15px; }
}