/*--------------------------------------------------------------
1.0 - Menu
--------------------------------------------------------------*/

#menu-menu-1 li a.icon-linkedin i.fa-linkedin,
#menu-menu-2 li a.icon-linkedin i.fa-linkedin {
	width:20px;
	height:20px;
	border-radius:2px;
	text-align:center;
	line-height:21px;
	font-size: 16px;
	color:rgb(255,255,255);
	background-color:rgb(0,119,181);
	box-sizing:border-box;
}

@media(min-width: 802px) {
	#menu-menu-1 li a.icon-linkedin:hover i.fa-linkedin,
	#menu-menu-2 li a.icon-linkedin:hover i.fa-linkedin {
		background-color:rgb(192,192,192);
	}
}
/*--------------------------------------------------------------
2.0 - Logo
--------------------------------------------------------------*/

@media( min-width: 801px ){
	.site-branding .row .col-xs-3{
		overflow: visible;
	}
}

/*--------------------------------------------------------------
3.0 - Pagina Diensten
--------------------------------------------------------------*/

#ysf-sap-erp-img-container {
	height: 229px;
	margin: 15px 15px 0px;
	padding: 15px;
}

/*--------------------------------------------------------------
4.0 - Pagina Projecten
--------------------------------------------------------------*/

.ysf-projects-container {
	box-sizing: border-box; 
	width: 90%;
	height: 2850px;
	margin: 45px auto 0px; 
	float: none; 
	clear: both;
}

.ysf-projects-row {
	width: 100%;
	min-height: 150px;
	float: left; 
	clear: both;
}

.ysf-projects-cell {
	width: 100%;
	height: 150px;
	float: left;
}

@media (min-width: 480px) {
	.ysf-projects-container {
		height: 1500px;
	}
	.ysf-projects-cell {
		width: 50%;
	}
}

@media (min-width: 768px) {
	.ysf-projects-container {
		height: 1050px;
	}
	.ysf-projects-cell {
		width: 33.33333333%;
	}
}

.ysf-test-cell {
	width: 100px;
	height: 100px;
	background-color: blue;
	float: left;
}