@charset "utf-8";

@media screen and (max-width: 1280px) {
	#nav ul li a {padding:7px 12px;}
}

@media screen and (max-width: 1130px) {
	#nav ul li a {font-size:12px;padding:5px 10px;}
	
}

@media screen and (max-width: 960px) {
	#maatwerk {top:-50px;}
	#maatwerk {width:150px;}
	#nav ul li a {padding:5px 10px;}
	.home {width:32%;margin-left:2%;}
	.h3 {margin-left:0;}
	.hom3 {display:block;}
	.hom4 {display:none;}
	#navContainer {position:relative;bottom:auto;right:auto;margin-top:10px;}
	#nieuws div div.home:last-child {display:none;}
	.menuextra {display:block;margin-bottom:10px;}
	.menuextra ul li a {margin-top:0px;}
}

@media screen and (max-width: 850px) {
	#maatwerk {top:-40px;}
	#maatwerk {width:125px;}
	.topright {padding-top:0px;}
	#navContainer {display:none;}
	#navMob {display:block;}
	#contentleft {float:none;width:100%;margin:0;}
	#contentright {float:none;width:100%;clear:both;margin-top:50px;}
	.homee {width:48%;margin-left:4%;}
	.hh2 {margin-left:0;}
	.homm4 {display:none;}
	.homm2 {display:block;}
	.homImg2 img {height:200px;object-fit:cover;}
	.slogan {font-size:35px;line-height:normal;padding:60px 0;}
	.slogan span {line-height:16px;}
	.sponsors li {margin:0 15px;}
	#footer {text-align:center;}
	#fct {float:none;}
	#fct ul li {display:block;margin-right:0px;margin-bottom:3px;}
	#fct ul li span {display:none;}
	#fct ul li:last-child {margin-bottom:0px;}
	#fct2 {float:none;clear:both;margin-top:25px;}
}

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

@media screen and (max-width: 640px) {
	.animatie {display:none;}
	#logo {width:auto;margin:0;}
	#logo img {width:150px;}
	#navigatie {width:auto;}
	.topright {text-align:center;}
	.menuextra {margin-right:0;}
	#header {text-align:center;}
	#logo {float:none;margin-bottom:10px;}
	#navigatie {float:none;}
	#idk {background:#333;}
	.knop {display:block;margin-top:25px;}
	#home, #nieuws, #merken, #sponsors, #idk {padding:60px 0;}
	#prodPic {float:none;width:100%;margin-right:0%;}
	#prodShop {float:none;width:100%;clear:both;margin-top:50px;}
	.slogan {font-size:25px;padding:30px 0;}
	h1 {color:#e30613;font-size:22px;line-height:normal;margin-bottom:20px;}
	h2 {color:#333;font-size:16px;line-height:normal;font-weight:700;margin-bottom:15px;}
	h3 {color:#333;font-size:16px;line-height:normal;font-weight:700;margin-bottom:15px;}
	h4 {color:#fff;font-size:22px;line-height:normal;margin-bottom:20px;}
	.home {width:48%;margin-left:4%;}
	.h2 {margin-left:0;}
	.hom2 {display:block;}
	.hom3 {display:none;}
	#nieuws div div.home:nth-child(4) {display:none;}
	#tele {display:inline-block;}
}

@media screen and (max-width: 480px) {
	#maatwerk {display:none;}
	.menuextra ul li a {margin-right:5px;padding-right:5px;font-size:10px;}
	table {display:block;overflow-x:auto;white-space:nowrap;}
	#main {margin:30px 0;}
	#home, #nieuws, #merken, #sponsors, #idk {padding:30px 0;}
	#top {padding:10px;}
	#vacatures {position:relative;top:auto;right:auto;margin-right:5px;}
	#vacatures a {display:block;text-align:center;font-size:10px;padding:10px 3px;}
	#fb a, #insta a, #yt a {font-size:10px;}
	#header {text-align:center;}
	.home {float:none;width:100%;margin-left:0%;clear:both;margin-top:25px;}
	.home:first-child {margin-top:0;}
	.hom3 {display:none;}
	.homee {float:none;width:100%;margin-left:0%;clear:both;margin-top:25px;}
	.homee:first-child {margin-top:0;}
	.homm2 {display:none;}
}