@font-face {
	font-family: 'Mont Heavy DEMO';
	src: url("../fonts/Mont-HeavyDEMO.eot");
	src: url("../fonts/Mont-HeavyDEMO.eot?#iefix") format("embedded-opentype"), url("../fonts/Mont-HeavyDEMO.woff2") format("woff2"), url("../fonts/Mont-HeavyDEMO.woff") format("woff"), url("../fonts/Mont-HeavyDEMO.ttf") format("truetype");
	font-weight: 800;
	font-style: normal;
	font-display: swap; 
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html, body	{
	height: 100%;
}
html {
	-webkit-text-size-adjust: 100%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div, header, nav, figure, main, footer, section {
	display:block;
	margin:0;
	padding:0;
}









body {
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:400;
	line-height:1.3;
	color: #003D6A;
	text-align:center;
}
img {
	border:none;
}



a {
	color: #003D6A;
	text-decoration: none;
}
a:hover, a:active	{
	color: #0170BF;
	text-decoration: none;
}



a.prev {
	color: #FF9600;
	font-size:14px;
	text-decoration: none;
	text-transform:lowercase;
}
a.prev:hover, a.prev:active	{
	color: #003D6A;
	text-decoration: underline;
}
a.prev i {
	display:inline-block;
	margin-right:10px;
}








h5 {
	font-size:22px;
	font-weight:400;
	line-height:25px;
	color:#FF9600;
}
h6 {
	font-size:14px;
	font-weight:700;
	line-height:1.2;
	color:#0170BF;
	margin-bottom:3px;
}















.wrapper {
	max-width: 1024px;
	padding:0 20px;
	margin:auto;
}




div.up {
	background-color:#003D6A;
	height:45px;
}




main {
	padding:100px 0;
}


.logo {
	display:inline-block;
	margin:0 auto 50px;
}

.logo img {
	width:100%;
	max-width:750px;	
}

.logo img:before {
	/* content: 'samen werken in West-Vlaanderen';
	margin-top: 50px; */
}

.logo-baseline {
	text-align: left;
	font-weight: bold;
	padding-left: 3%;
	font-family: 'Mont Heavy DEMO';	
	font-style: normal;
	line-height: 1;
	font-size: 1.57rem;
}

ul.icons > li {
	display:inline-block;
	vertical-align:top;
	width: 300px;
	padding:15px 50px;
	
	text-transform:uppercase;
}
ul.icons > li img {
	display:block;
	width:100%;
	max-width:150px;
	margin:0 auto 20px;
}
ul.icons > li strong {
	display:block;
	font-weight:800;
}






footer.titel {
	padding:20px 0;
	background-color:#003D6A;
}

footer.logos {
	padding:20px 0;
	background-color:#EEEEEE;
}

footer.logos ul {
	display: flex;
	justify-content: center;
	align-items: center;
}

footer.logos ul > li {
	display:inline-block;
	vertical-align:middle;
	list-style:none;
	margin:20px;
}
footer.logos ul > li img {
	/* display:block; */
	width:100%;
}



footer.logos ul > li img.vdab {
	max-width:120px;
}
footer.logos ul > li img.pom {
	max-width:160px;
}


footer.logos ul > li img.mwv {
	max-width:190px;
}
footer.logos ul > li img.nwv {
	max-width:110px;
}
footer.logos ul > li img.zwv {
	max-width:165px;
}
footer.logos ul > li img.wh {
	max-width:110px;
}
footer.logos ul > li img.kust {
	max-width:140px;
}


footer.logos ul > li img.wvl {
	max-width:160px;
}
footer.logos ul > li img.esf {
	max-width:165px;
}
















@media screen and (max-width: 767px), (max-height: 639px) {
	body {
		font-size:16px;
	}
	
	
	
	
	h5 {
		font-size:18px;
	}
	h6 {
		font-size:16px;
	}
	
	
	
	
	
	
	
	
	main {
		padding:30px 0;
	}
	
	
	img.logo {
		margin:0 auto 30px;
	}

	.logo-baseline {
		font-size: 1.4rem;
	}
	
	
	ul.icons > li {
		padding:15px 15px 30px 15px;
	}
	
	
	
	
	footer.titel {
		padding:15px 0;
	}
	
	footer.logos {
		padding:15px 0;
	}
	footer.logos ul > li {
		margin:15px;
	}

	footer.logos ul {
		flex-wrap: wrap;
	}

	footer.logos li {
		flex-basis: 30%;
		text-align: center;
	}

	footer.logos ul > li img.vdab {
		max-width:70px;
	}
	footer.logos ul > li img.pom {
		max-width:100px;
	}
	footer.logos ul > li img.abvv {
		max-width:100px;
	}
	footer.logos ul > li img.acv {
		max-width:70px;
	}
	footer.logos ul > li img.unizo {
		max-width:100px;
	}
	footer.logos ul > li img.voka {
		max-width:100px;
	}
	
	
	footer.logos ul > li img.mwv {
		max-width:95px;
	}
	footer.logos ul > li img.nwv {
		max-width:55px;
	}
	footer.logos ul > li img.zwv {
		max-width:83px;
	}
	footer.logos ul > li img.wh {
		max-width:55px;
	}
	footer.logos ul > li img.kust {
		max-width:70px;
	}
	
	
	footer.logos ul > li img.wvl {
		max-width:80px;
	}
	footer.logos ul > li img.esf {
		max-width:83px;
	}
}


@media screen and (max-width: 500px) {
	.logo-baseline {
		font-size: 1.1rem;
	}
}