/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */

header {
	width: 100%; /* 720px / 768px */
}

footer {
	width: 100%; /* 720px / 768px */
}

/* HEADER ============================================================================= */


/* BLOKKEN ============================================================================= */

.blokken .span_1_of_3 {
    width: 33.33%;
}

.page-template-page_coaches .blokken .span_1_of_3 {
    width: 50%;
}

.page-template-page_contact .span_1_of_2 {
    width: 50%;
}

/* HOME HIGHLIGHTS ============================================================================= */

@media only screen and (max-width: 750px) {

	.highlights {
		background: none !important;
		padding:0;
	}
	
	.highlights .lichtblauw{
		background: #1fa2da;
	}
	
	.highlights .blauw{
		background: #2077bd;
	}
	
	.highlights .wit{
		background: #fff;
	}
	
	.highlights .grijs{
		background: #f4f4f4;
	}
	
	.highlights .imgCon {
		display:inline-block;
		margin: 1em 0 0;
	}
	
	.highlightsImg {
		display:none;
	}
	
	.highlights .wrapperL {
		padding: 0%;
		width: 100%;
	}
	
	.highlights .span_1_of_2 {
		padding:3em 0;
	}
	
	.driehoekCon {
		display:none;
	}
	
	.driehoekConMob {
		display:block;
		margin:0 0 2em 0;
	}
	
}

/* FOOTER ============================================================================= */

#footer {
	text-align:center;
}

/* COL */

.blokken .span_1_of_4 {
	width: 50%;
}

.blokken .span_2_of_4 {
	width: 100%;
	margin: 1% 0 1% 0;
}

.blokken .span_1_of_4:nth-child(2n+1) {
	clear: both;
	margin-left: 0;
}