@media only screen and (max-width: 425px) {
    #header #background-image {margin-top:73px;}
#top .top-contact ul li:nth-child(2) {margin-left:0;}
    /*#top .top-contact .col:nth-child(1) ul li:nth-child(2), #top .top-contact .col:nth-child(1) ul li:nth-child(3) {padding-top:10px;}*/
    #top .top-contact .col:nth-child(1) ul li:nth-child(2) {padding-left:10px;}
    #top .top-contact .col:nth-child(1) ul li:nth-child(1), #top .top-contact .col:nth-child(1) ul li:nth-child(2) {padding-top:5px;}
}

@media only screen and (max-width: 767px) {
	/* BASIS */
    h1 {font-size: 34px;line-height: 42px;}
    h1 span {font-size:1.5em;}
    
    /*#top {pointer-events: none;}*/
    #top .top-nav {opacity:0;/*display:none;*/visibility: hidden;background-color:rgba(255,255,255,0.95);height:0vh;transition: visibility 0s, opacity 0.5s;z-index:-1;position: relative;}
    #top .top-nav.active {opacity:1;/*display:block;*/visibility: visible;transition: visibility 0s, opacity 0.5s;z-index:999;pointer-events: auto;height:100vh;}
    #top .top-nav .nav {display:none;}
	#top .top-nav.active .nav {display:block;}
	#top .top-nav .nav li {float:none;text-align:center;width:100%;display:inline-block;margin:0;font-size:22px;line-height:54px;}
    
    #top .top-contact .col.right ul {float:left;}
    
	#main {position:relative;z-index:1;}
    
    #header, #header #background-image, #header.home #background-image {height:25vh;}
    
    /*#header #background-image img {height:100%;width:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}*/
    
    #header #page-title {margin-top:20%;}
    
    #reserveren .col {display:none;}
    
    .floating-content, .floating-content-gerechten, .floating-content-gerechten.left {
        left: 0;
        right:0;
        width: auto;
    }
    
    .quote {font-size:13px;}
    
    .alacartemobile {margin-top:40px;}
    
    #home-menu .col:nth-child(1), #home-menu .col:nth-child(2), #home-historie .col:nth-child(2), #home-historie .col:nth-child(3) {width:50%;}
    #home-menu .col:nth-child(2), #home-historie .col:nth-child(3) {margin:0;}
    
    video {
        width: 100% !important;
        height: auto !important;
        margin: 0;
        margin-bottom:30px;
        display: block;
    }
    
    #footer .col {padding-left:40px;}
    
    #copyright .col.right {text-align:left;}
    
    #cookiemelding p {padding-bottom: 80px;}
    
    .desktoponly {display:none;}
    .mobileonly {display:block;}
    
    #mobilenavopenclose {color:#fff;font-size:20px;/*position:absolute;top:14px;right:20px;*/padding:10px;position:fixed;top:-3px;right:0px;z-index:9999;transition: all 0.5s ease;cursor:pointer;}
    /*.fa-bars.active, .fa-bars.active.black {color:#000;transition: all 0.5s ease;position:fixed;top:-3px;right:0px;background:none;}
    .fa-bars.black {color:#000;transition: all 0.5s ease;background-color:rgba(255,255,255,0.8);}*/
    
    ul.talen {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom:40px;
    }
    
    #header #header_logo {width:auto;height:50px;}
    
    span.prijscontainer {float: right;}
	.wrapper {padding:0 15px;}
}

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

@media only screen and (min-width: 768px) {
	/* BASIS */
    .desktoponly {display:block;}
    .mobileonly {display:none;}
    
    .col p:last-child {margin-bottom:0px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    #footer .col:nth-child(1) {padding-left:30px;}
}

@media only screen and (min-width: 1024px) {
	/* BASIS */
	.wrapper {
		width:1000px;
	}
    
    #header {max-height:100vh;overflow:hidden;}
}

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