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

	img { max-width:100%; height: auto !important; }

	#mobilenav { display:none; }
	.slicknav_menu { display:block; }
	#nav { display: none; }

	.wrapper { position: relative; max-width: 100%; margin: 30px 20px; }
	.col2 { max-width:22%; margin: 0px 2%; }
	.col4 { max-width: 100%; margin: auto 0px; }
	.col8 { max-width: 100%; margin: auto 0px; }
	.col12 { max-width: 100%; margin: auto 0px; }
	.vimeo-video { max-height: 120px; }

	.no-mobile { display: none; }
/* 	iframe { width:100% !important; max-width: 620px; } */

	.footer { text-align: center; margin-top: 20px; }
	.footer .socialmedia { float: none; display: block; clear: both; margin: 0px auto; text-align: center; white-space: nowrap; max-width: 100%; }

	.col4 + .col8 { padding-top: 20px; padding-bottom: 20px;  }
	.col8 + .col4 { padding-top: 20px; padding-bottom: 20px;  }

	.blogimage-left { float: left; width: 225px; height: 100% !important; min-height: 225px; border-right: 20px solid #FFF; background-size: cover; background-position: center center; }
	.blogimage-right { float: right; width: 225px; height: 100% !important; min-height: 225px; border-left: 20px solid #FFF; background-size: cover; background-position: center center; }
	.blogtekst { font-size: 13px; line-height: 18px; width: calc(100% - 225px); }

	#header .col4 + .col8 { padding-top: 0px; padding-bottom: 0px;  }
	#header .col8 + .col4 { padding-top: 0px; padding-bottom: 0px;  }
}

@media screen and (max-width: 768px) {
	.grid.grid1kol { float: left; width: calc((100% / 2) - 20px); }
	.grid.grid2kol { float: left; width: calc((100% / 1) - 20px); }
	.grid.grid3kol { float: left; width: calc((100% / 1) - 20px); }

	.footer .col5 { width: 100%; }
	.footer .col7 { width: 100%; text-align: left; }
}