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

	.wrapper { margin: 10px 10px; }
	.bx-wrapper .bx-pager { display: none; }
	iframe { width:100% !important; max-width: 620px; max-height: 200px; }
	.vimeo-video { max-height: 80px; }
	.spacer { display: block; width: 0px; height: 0px; text-indent: -9999px;  }
	.klanten img {display: block; margin: 20px auto;  }

	.col8+.col4 { margin-top: 20px; }
	.wwd-image { display: block; margin: 0px auto; padding: 0px; }
	.wwd-tekst { max-width: 100%;  }

	.blogitem { margin: 20px 0px 0px; }
	.blogimage-left { border-width: 0px; width: 100%; }
	.blogimage-right { border-width: 0px; width: 100%; }
	.closeblog { display: none; }

	.blogtekst { float: left; width: 100%; }

	.grid.grid1kol { float: left; width: calc(100% / 1); }
	.grid.grid2kol { float: left; width: calc(100% / 1); }
	.grid.grid3kol { float: left; width: calc(100% / 1); }

	.col4 { width: 100%; }
	.col8 { width: 100%; }
	.footercols .col { width: 100%; padding-bottom: 24px; }
	.wwd-blok { margin-bottom: 40px; }
	div[class^="col"] img { width: 100%; height: auto; }
	.wwd-image { width: auto !important; }
	#header .col4 { padding: 0px; }
	#header.row { margin: 0px 0px 20px; }
	.wrapper .row:first-child { display: none; }
	#logo { width: 170px !important; margin: 20px auto 10px; }
	#slides { margin: 0px -10px; }
	.bx-wrapper .bx-caption { border-radius: 0px; }
	.grid.grid1kol,
	.grid.grid2kol { width: calc(100% - 20px); }
	.werkpagination + b { display: block; }
	.col8 > p > br:first-child { display: none; }
	.col12 { padding: 0px; }
	.brainstorm { padding: 20px; }
	h1 { font-size: 24px; line-height: 30px; }
}

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


	#logo { width: 170px !important; margin: 10px auto 10px; }
	#slides { margin: 0px -10px; }

	iframe { width:100% !important; max-width: 620px; max-height: 200px; }
	.vimeo-video { max-height: 60px; }

}