@media only screen and (min-width: 600px) and (max-width:1000px) {
	/* BASIS */
	#logo-container {height:57px;width:auto;}
	#header #logo {padding-top:0;margin-top:0;width:100%;max-height:100%;}
}

@media only screen and (max-width: 600px) {
	/* BASIS */
	#logo-container {height:57px;width:auto;max-width:200px;}
	#header #logo {width:70%;}
}

@media only screen and (min-width: 1001px) {
	/* BASIS */
	#mobile-menu-bars, #mobile-menu-close {display:none;}
	
}

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
	ul.nav li {margin-left:25px;}
	ul.nav li:first-child {
	  margin-left: 0;
	}
	#logo-container {padding-top: 19.3px;}
}

@media only screen and (max-width: 1000px) {
    
    #nav-container {background-color:var(--blauwgrijs);width:100vw;height:100vh;position:fixed;top:0;right:-100%;z-index:99999;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
    #nav-container ul.nav {position:relative;bottom:auto;padding-left:20px;}
    #nav-container ul.nav li {float:none;margin-left:0;padding:10px 0;}
    #nav-container.show {right:0;}
    
    #mobile-menu-bars {position:absolute;bottom:14px;right:20px;font-size:32px;cursor:pointer;}
    #mobile-menu-close {position:absolute;bottom:auto;top:20px;right:-100px;font-size:32px;cursor:pointer;z-index:9999999;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
    #mobile-menu-close.show {right:20px;}
}


@media only screen and (max-width: 767px) {
    
    
	/* BASIS */
    .desktop_only {display:none;}
    
    .wrapper {padding:0 10px;}
    
    /*#header #logo {width:50%;}*/
    
    #footer {text-align:center;}
    #footer ul {margin-bottom:20px;}
    #footer img:not(#beeldmerk) {position:relative;width:70%;}
	
	#footer #beeldmerk {position:relative;width:70%;}
    
    #copyright .col.right {text-align:left;padding-top:0;}
    
    /* MAIN */
    .col.lid-overzicht {width:46%;margin-right:4%;margin-bottom:4%;}
	
	.col.side-image:before, .col.side-image:after {display:none;}
	.flex .side-image { order: 2; }
	.flex .content { order: 1; }
}

@media only screen and (min-width: 768px) {
	/* BASIS */
    .mobile_only {display:none;}
	
	/* NIEUWS */
	.col.news_item h2 {min-height:66px;}
}

@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;
	}
}