/*
Desktop Styles
================================================== */
@media only screen and (min-width: 768px) {

}


/*
Mobile Styles
================================================== */
@media only screen and (max-width: 992px) {
	
	body{
		font-size: 15px;
		line-height: 25px;
	}
	.title-xl {
	  font-size: 28px;
	}
	.title-large {
	  font-size: 22px;
	}
	.title-normal {
	  font-size: 20px;
	}
	
	#area_header #logo_wrapper a{
		background-size: 220px;
		width: 220px;
	}
	#area_header.fixed #logo_wrapper a{
		background-size: 180px;
		width: 180px;
	}
		
	
	#fullscreen_header{
		min-height: 300px;
	}
	.page-template-page-home #fullscreen_header,
	.page-template-page-diensten #fullscreen_header{
		min-height: 700px;	
		height: 700px;	
	}
	#fullscreen_header .inner{
		font-size: 16px;
		line-height: 25px;		
		text-align: center;
		margin: 300px auto 100px auto;
	}
	

	/* projects */
	.project_wrapper{
		margin-left: -5px;
		margin-right: -5px;
	}
	.project_wrapper .item{
		padding-top: calc(50% - 10px);
		width: calc(50% - 10px);
		margin: 5px;
	}
	.project_wrapper .item .content{
		bottom: 10px;
		left: 10px;
		right: 10px;
	}
	.project_wrapper .item .content .title{
		font-size: 14px;
	}
	/* END projects */
	
	/* diensten */
	.diensten_wrapper{
		margin-left: -5px;
		margin-right: -5px;
	}
	.diensten_wrapper .item{
		width: calc(100% - 10px) !important;
		margin: 10px 5px;
	}
	.diensten_wrapper .item .content .title{
		font-size: 16px;
	}
	.diensten_wrapper .item .image_wrapper{
		padding-top: 50%;
	}
	/* END diensten */

	
}