#catapult-cookie-bar {bottom:80px!important;}
.logo-mobile { float: left; margin: 5px 14px; }
.logo-mobile img { height: 35px; }
.home-overlay { display: none; position: absolute; z-index: 0; }
.home-overlay.visible { display: block; top:0px; left:0px; bottom:0px;right: 0px; background: transparent;}
.arrownav {
	position: absolute!important;
    top: 0px !important;
    left: 0px !important;
    right: 0px!important;
    bottom: 0px;
    width: 60px !important;
    height: 100% !important;
    transform: none !important;
}
.arrownav svg { transform: scale(0.67323); top:-60px !important;}
.arrownav.arrow-left { left: 0px;}
.arrownav.arrow-right { right: 0px; left: auto !important;}
aside.nav { height: 100% !important; }
.page-impressie aside.nav.showBg,.page-impressie aside.nav:hover {background: rgba(0,0,0,.5) !important;}
footer[role="main"] { z-index: 4}
aside.nav { z-index: 1; /*position: relative;*/}
.page-impressie aside.nav, body.home aside.nav { position: relative; }
.page #bulletnav { bottom: 120px !important; right: 20px !important;}
body #slider1_container { height: 100% !important; }
.content .entry h2 { margin-bottom: 15px; }
.content .entry span.ctype {
    color: #ddb544;
    padding: 0px;
    display: inline-block;
    min-width: 20px;
}
@media (min-width: 992px){
	#jssor_1 { right: 0px !important; position: fixed !important; left: auto !important; }
	body.page-impressie #jssor_1 { position: relative !important; }
}
.content { height: 100vh; }
.content .entry { margin-bottom: 75px; }
.content .entry b, .content .entry strong { font-family: 'arqbold'; color: #616060; }
.content .entry a:not(.button) { color: #ddb544; }
@media (min-width: 992px) and (max-height: 650px){
	.content .entry { padding-top: 50px; }
	.content .entry h1 {
    	font-size: 85px;
    }
}
@media (max-width: 1200px) and (min-width: 768px){
	.content .entry h1 {
	    font-size: 55px; line-height: 54px;
	}

	.content .entry { padding-bottom: 75px; }
	.content .entry.pb2 { padding-bottom: 45px; margin-bottom: 20px; }
	.content .left { width: 55%; }
	.content .right { width: 45%; }
	.content .fullwidth.pb75 { margin-bottom: 75px; }
	footer .left-col { flex: 0 0 100%;
    max-width: 100%; }
	footer .right-col { display: none; }
}
@media (max-width: 991px){
	#bulletnav { display: none; }
	.content .left { height: auto; }
	form { padding-bottom: 30px; }
	.content .fullwidth .entry { width: 100%}
}

@media only screen and (max-width: 992px){
	.content .left, .content .right {
    	width: 100%; margin-bottom: 0px; 
    }
    body.home footer[role="main"] {
	    position: absolute;
	    display: block;
	    float: left;
	    height: auto;
	    bottom: 0px;
	    left: auto;
	    line-height: 30px;
	}
	footer .right-col { display: none; }
	footer[role="main"] .social { display: block; margin-left: 0px;}
	footer[role="main"] .social a { margin-left: 0px; margin-right: 5px;}

}
 
/* And here we will set our table to act normally after we hit 1024px */
@media only screen and (max-width: 767px) {
	table, thead, tbody, tfoot, tr, th, td {
	    display: block; /* Set all of our table elements to display type block */
	}
	td {
	    padding: 10px;
	    margin: 0px;
	    border: none !important;
	    width: 100% !important;
	}
	td:last-child {
		padding-bottom: 13px !important;
	    text-align: left !important;
	    padding-top: 10px !important;
	}
	tr {
		border-bottom: 1px solid #DDD;
	}
	
	button#catapultCookie { background: #ddb544 !important; }
	footer span.clear-hide { visibility: hidden;
    display: block;
    height: 0px;}

    .take-away.mb-100 { margin-bottom: 50px; } 
    .content .entry.entry-takeaway {
    	margin-bottom: 0px;
	}
	.entry-takeaway-detail { margin-top: 100px; }
	.content .fullwidth .entry.entry-takeaway h2 { margin-top: 20px !important }
}
@media (max-width: 350px){
	body.home footer[role="main"] { font-size: 14px; line-height: 20px; padding: 12px 0; }
	aside.nav .logo img {
	    width: 77%;
	}
}