/* Responsive css + menu */


@media(max-width:991px) {
	h1	{font-size:30px;}
	h2	{font-size:22px;}
	h3	{font-size:20px;}
	.prod-back,
	#product-img,
	#product-img .img {height:400px;}
	a.buttonlink {padding: 40px 0;}
	#relatiegeschenken .img {position: relative;top: -20px;margin-top: -110px;}
	#head {height: 100%;padding: 120px 0 30px;}
	#head .slider-img {height:400px;background-position:center;}
	span.nieuwsbrief p {width:100% !important;}
	div#mc_embed_signup {
    width: 100% !important;
    position: relative !important;
    margin:10px 0 0 0 !important;
    padding: 0 !important;
}
}
@media(max-width:767px) {
	.prod-back,
	#product-img,
	#product-img .img {height:280px;}
	.prod-back {background-attachment:unset !important;background-size:cover;}
	#menu {box-shadow:0px 0px 40px rgba(0,0,0,.2);}
	.uitgelicht {height:270px;}
	#footer .row > div {margin: 0 0 40px;}
	span.en {display:block;}
	.gallery > dl {width: 100% !important;height: 300px;margin: 15px 0;display: block;overflow: hidden;}
	#stappen .row > div {margin: 0 !important;}
	#stappen span.afbeelding {height:250px;}
	img.alignright, img.alignleft {display: block;float: inherit;clear: both;}
}
@media (max-width: 500px) {
	.prod-back, 
	#product-img, 
	#product-img .img {height: 220px;}
}

.overlay {display:none; position:fixed;	height:100%; width:100%; background:#d33c3c; z-index:3;	padding:20vh 0;	text-align:center;top:0;left:0;}
#menu .button {position:absolute; z-index: 20;right:30px;top:20px;}
#menu .button a {text-decoration:none; line-height: 20px;}

.overlay:before {
	content: "";
    background-image: url(../images/repeat.jpg);
    background-size: 300px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	left:0;
	right:0;
	bottom:0;
    opacity: .1;
}

.overlay .wrap {
    position: absolute;
    width: 100%;
}

#mob-header span.icon-bar {
    width: 30px;
    height: 3px;
    background: #111;
    display: block;
    padding: 0px;
    margin: 5px;
	transition:.1s;
}
#mob-header .logo {
    outline: none;
    background-image: url(../images/logo.png);
    background-position: left center;
    height: 50px;
    background-size: contain;
    width: 100%;
    z-index: 10;
    position: fixed;
    margin-left: 5px;
    top: 4px;
}


#nav-expander.active span.icon-bar:nth-child(1),
a.btn-close span.icon-bar:nth-child(1) {
    width: 31px;
    height: 3px;
    background: #111;
    display: block;
    padding: 0px;
    margin: 5px;
    margin-top: 14px;
    transform: rotate(45deg);
}
#nav-expander.active span.icon-bar:nth-child(2),
a.btn-close span.icon-bar:nth-child(2) {
    width: 31px;
    height: 3px;
    background: #111;
    display: block;
    padding: 0px;
    margin: 5px;
    margin-top: -8px;
    transform: rotate(-45deg);
}
a.btn-close span.icon-bar:nth-child(1) {margin-top:14px !important;}
a.btn-close span.icon-bar:nth-child(2) {margin-top:-8px !important;}

.overlay ul li {display:block !important;}
.overlay ul li a {color:#FFF !important;padding:5px !important;}

#nav-expander.active span.icon-bar:nth-child(3),
a.btn-close span.icon-bar:nth-child(3) {display:none !important;}

#mob-header .button a {width:40px;height:40px;display:inline-block;}