@media only screen and (max-width: 767px) {
	/* BASIS */
	html, body {font-size:18px; }
	
	/*#fastnav {position:fixed;bottom:0;left:0;width:100%;background-color:var(--rood);}*/
	#top .col:nth-child(1) {width:70%;}
	#top .col:nth-child(2) {width:30%;}
	#top ul li {margin-left:10px;}
	
	#fastnav {padding-right:0;padding-left:0;}
	#fastnav ul li span:not(.email) {display:none;}
	#fastnav .email span.host{display:none;}
	#fastnav .email:after {display:none;}
	
	#header #logo {width:80%;}
	
	#nav-container {position:fixed;box-sizing:border-box;top:100vh;left:0;width:100vw;height:100vh;background-color:var(--rood);color:var(--wit);z-index:9999;-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;}
	#nav-container.show {top:0;}
	#nav-container.center {text-align:left;}
	ul.nav {margin:0;float:none;margin-top:40px;}
	ul.nav li, ul.nav li:nth-child(1) {float:none;display:block;text-align:left;margin-bottom:15px;margin-left:50px;}
	
	ul.nav li.active {font-weight:600;}
	
	#mobilenavbtn {font-size:26px;padding:10px 20px;display: block;box-sizing: border-box;position:fixed;text-align:right;bottom:0;left:0;width:100vw;background-color:var(--rood);color:var(--wit);z-index:99999;}
	
	.wrapper {padding:0 20px;}
	
	h1 {font-size:32px;}
	h2 {font-size:24px;}
	h2.title {font-size:32px;}
	h1 span, h2.title span {font-size:20px;}
	
	.diningmenu .diningmenuitem {padding-left:0;}
	.diningmenu .diningmenuitem p {width:100%;}
	
	.agendacontent .agendadate {margin-top:20px;}
	
	.slider div.slide {padding:5px;}
	
	#footer .section.noflex .col {width:50%;}
	
	#footer .footermainicon {position: absolute;right: -20px;}
	#footer .col.nopaddingright {padding-right:10px;}
	
	#copyright {padding-bottom:60px;}
	#copyright .col.right {text-align:left;padding-top:0;margin-top:-10px;}
	
	ul.openingstijden.afwijkend li span {display:block;float:none;}
}

@media only screen and (min-width: 768px) {
	#mobilenavbtn {display:none;}
}

@media only screen and (min-width: 1024px) {
	/* BASIS */
	.wrapper {
		width:1000px;
	}
}

@media only screen and (min-width: 1200px) {
	/* BASIS */
	.wrapper {
		width:1200px;
	}
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
     html, body {
		font-weight:300;
	}
}