@media only screen and (max-width: 599px) {
    
    .desktop_only/*, .home #top #top-nav-logo.desktop_only, #top #top-nav-logo.desktop_only*/ {display:none;}
    .top-nav {display:none;}
    .home .top-nav {display:block;}
    
    #top #top-nav-logo {position: absolute;left: 60px;}
    
    .top-nav li {float:none;text-align:right;margin-bottom:10px;}
    
    #navigation-container {width:100vw;position:fixed;}
    
    #header-home-intro {display:none;}
    /*#header-background {height:100px;}*/
    
    #top .col:nth-child(1) {width:10%;}
    #top .col:nth-child(2) {width:90%;}
    
    .home .col.home-bied {width:50%;display:none;}
    .home .col.home-bied:nth-child(1) {display:block;}
    .home .col.home-bied:nth-child(2) {display:block;}
    
    .groepsactiviteiten .col.home-bied {width:50%;display:block;}
    .home-bied .info {bottom:0;}
    .home-bied .btn {font-size:12px;padding:4px 10px;}
    
	#footer .col.content {width:100%;}
    #footer .col.content.nopaddingtop {padding-top:30px;}
    
    #footer .col.bg-grijs:after {display:none;}
    
    .col.partner-logo-box {width:21%;margin: 0 2%;}
    .col.alwayscol {width:65%;}
    .col.alwayscol:nth-child(2) {width:35%;}
    
    #copyright .right {text-align:left;}
    #copyright .col:first-child {padding-bottom:0;}
    #copyright ul li {float:none;margin:0;}
    
    .col.content.nopaddingleft, .col.content-dark.nopaddingleft {padding-left:10%;}
    
    .tarieven .col {width:28%;}
    .tarieven .col.double {width:44%;}
    .tarieven .col:nth-child(1) {width:44%;}
    
    .col.bedrijfsfitnesslogo {width:33%;}
    
    .popup img{width:80%;}
    
    .popup-content {font-size:12px;padding:10px;}
    
}

@media only screen and (min-width: 600px) {
	/* BASIS */
	#mobile-nav-container {display:none;}
    
    .mobile_only {display:none;}
}

@media only screen and (min-width: 600px) and (max-width: 800px) {
    .col.alwayscol, .col.alwayscol:nth-child(2) {width:49.2%;}
    #footer .col.alwayscol:nth-child(2) p {margin-bottom:46px;}
    #footer .col.alwayscol:nth-child(2) p:nth-child(2) {margin-bottom:18px;}
    
    #header-home-intro {top: 57%;}
    #header-home-text h1 {font-size:20px;}
    #header-home-logo-circle {
        width: 100px;
        height: 100px;
        top: 15px;
        left: 25px;
    }
    #header-home-text {width: 70%;padding-left: 179px;}
    #navigation-container {width:50%;}
    
    .home #top #top-nav-logo {display:none;}
    
    .home-bied .info {bottom:-60px;}
    .home-bied:hover .info {bottom:10px;}
    .home-bied .info .btn {font-size:12px;}
    
}

@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, input, textarea {
		font-weight:300;
	}
}