/*
Theme Name: Bens Elementum
Theme URI:
Description: 
Version: 1.0
Author: Bens
Author URI: www.bens.nl
Tags:
*/

/*
    \__     __/
     /_/ /\ \_\
    __ \ \/ / __
    \_\_\/\/_/_/
__/\___\_\/_/___/\__
  \/ __/_/\_\__ \/
    /_/ /\/\ \_\
     __/ /\ \__
     \_\ \/ /_/
     /        \ 
*/


@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,700');


/* ========================================================================= 
////	RESET
=========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{margin: 0;	padding: 0;	border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset voor oude browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}


/* ========================================================================= 
////	ALGEMENE LAY-OUT en ELEMENTEN
=========================================================================== */
html {margin: 0; padding: 0; overflow-x:hidden; height:100%;}
body {margin:0; padding:0; width:100%; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 13px; background:#000000; color:#555555; line-height: 20px; margin: 0; padding: 0; font-weight: 300; height:100%;}
#wrapper-buiten {margin:0 auto; max-width:1200px; height:auto; background:url(images/achtergrond.jpg);}
.content-container {margin:0 auto; width: 960px; height:auto; padding:0; clear:both; position:relative;}
img {border-style:none; max-width:100%; vertical-align:top; height:auto;}



/* ========================================================================= 
////	TEKSTEN (basis)
=========================================================================== */
h1 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 42px; color:#212d4f; font-weight: normal; line-height: 1.10; margin: 0; padding: 0; letter-spacing: -0.01em;}
h2 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 36px; color:#212d4f; font-weight: normal; line-height: 1.15; margin: 0; padding: 0; letter-spacing: -0.01em;}
h3 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 32px; color:#212d4f; font-weight: normal; line-height: 1.15; margin: 0; padding: 0; letter-spacing: -0.01em;}
h4 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 28px; color:#212d4f; font-weight: normal; line-height: 1.25; margin: 0; padding: 0; letter-spacing: -0.01em;}
h5 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 24px; color:#212d4f; font-weight: normal; line-height: 1.25; margin: 0; padding: 0; letter-spacing: -0.01em;}
h6 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 20px; color:#212d4f; font-weight: normal; line-height: 1.25; margin: 0; padding: 0; letter-spacing: -0.01em;}
p  {font-family:  'Roboto', Arial, Helvetica, sams-serif; font-size: 14px; color:#555555; line-height: 24px; margin: 0; padding: 0; font-weight: 300;}
p.intro {font-family: 'Roboto', Arial, Helvetica, sams-serif; margin:20px auto; font-size:56px; width:auto; display: inline-block; color:#fff; background-color:#f4951f; padding:20px; text-align: center;}
p.subkop {color:#f4951f; font-size:22px; font-weight: 300;}
blockquote, q {font-family: 'Roboto Condensed', Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; font-weight: 300; margin:0; padding:0; color:#da8a15;}
b, strong {font-weight:700; color:#caa30b;}
hr {border:0; border-top:5px solid #caa30b; margin:0 auto; width:80px; clear:both;}
small {font-size:12px; font-weight: 300;}
a {text-decoration:none; color:#caa30b;}
a:hover {text-decoration:none;}
.block-text > p > a:before {font-family: FontAwesome; content: "\f0a9"; margin-right:5px; color:#af171a; font-size:20px; position:relative; top:2px;}


/* ========================================================================= 
////	ELEMENT SUFFIX
=========================================================================== */
.clear {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.spacer {width:100%; display: block; clear:both; padding:1px 0;}
.off {display:none;}
.overflow {overflow:hidden;}
.relative {position: relative;}
.absolute {position: absolute;}
.center {text-align:center; margin:0 auto;}
.left {text-align:left; margin:0 auto;}
.right {text-align:right; margin:0 auto;}
.float-left {float:left;}
.float-right {float:right;}
.underline {text-decoration:underline;}
.margin-10 {margin:10px;}
.margin-20 {margin:20px;}
.margin-30 {margin:30px;}
.margin-40 {margin:40px;}
.margin-50 {margin:50px;}
.margin-60 {margin:60px;}
.margin-70 {margin:70px;}
.margin-80 {margin:80px;}
.margin-90 {margin:90px;}
.margin-100 {margin:100px;}
.margin-5-0 {margin:5px auto;}
.margin-10-0 {margin:10px auto;}
.margin-20-0 {margin:20px auto;}
.margin-30-0 {margin:30px auto;}
.margin-40-0 {margin:40px auto;}
.margin-50-0 {margin:50px auto;}
.margin-60-0 {margin:60px auto;}
.margin-70-0 {margin:70px auto;}
.margin-80-0 {margin:80px auto;}
.margin-90-0 {margin:90px auto;}
.margin-100-0 {margin:100px auto;}
.padding-10 {padding:10px;}
.padding-20 {padding:20px;}
.padding-30 {padding:30px;}
.padding-40 {padding:40px;}
.padding-50 {padding:50px;}
.padding-60 {padding:60px;}
.padding-80 {padding:80px;}
.padding-100 {padding:100px;}
.padding-10-0 {padding:10px auto;}
.padding-20-0 {padding:20px auto;}
.padding-30-0 {padding:30px auto;}
.padding-40-0 {padding:40px auto;}
.padding-50-0 {padding:50px auto;}
.padding-0-10 {padding:0 10px;}
.padding-0-20 {padding:0 20px;}
.padding-0-30 {padding:0 30px;}
.padding-0-40 {padding:0 40px;}
.padding-0-50 {padding:0 50px;}
.margin-min-0-30 {margin:0 -30px;}
.width-50 {width:50%;}
.width-60 {width:60%;}
.width-70 {width:70%;}
.width-80 {width:80%;}
.width-90 {width:90%;}
.width-100 {width:100%;}
.tekst-bold {font-weight:700!important;}
.tekst-wit {color: #fff!important;}
.tekst-zwart {color: #000!important;}
.achtergrond-wit {background-color:#fff;}
.achtergrond-grijs {background-color:#f2f2f2; overflow:hidden;}
.achtergrond-zwart {background-color:#000; overflow:hidden;}
.z-index-9999 {z-index:9999;}

.button, .popup {text-align: center; display: inline-block; max-width:150px; border: 1px solid #888888; color: #aaa; padding: 10px 25px; font-family: Arial, Helvetica, Verdana; font-size: 14px; line-height: 16px;}
.button:hover, .popup:hover {color: #caa30b;}

.bestellijst-download {position:absolute; top:-50px; right:70px; background:url(https://www.slagerijrijkeboer.nl/wp-content/uploads/2017/12/bestellijst-button.png) no-repeat; width:153px; height:160px;}
.bestellijst-link {display:block; width:153px; height:160px;}

/* =========================================================================
////	RESPONSIVE GRID X12
=========================================================================== */
.section {clear: both;	padding: 0px; margin: 0px;}
/*  COLUMN SETUP  */
.col {display: block; float:left; margin: 1% 0 1% 1.6%;}
.col:first-child {margin-left: 0;}
/*  GROUPING  */
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both;}
.group {zoom:1; /* For IE 6/7 */}
/*  GRID OF TWELVE  */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.53%;}
.span_10_of_12 {width: 83.06%;}
.span_9_of_12 {width: 74.6%;}
.span_8_of_12 {width: 66.13%;}
.span_7_of_12 {width: 57.66%;}
.span_6_of_12 {width: 49.2%;}
.span_5_of_12 {width: 40.73%;}
.span_4_of_12 {width: 32.26%;}
.span_3_of_12 {width: 23.8%;}
.span_2_of_12 {width: 15.33%;}
.span_1_of_12 {width: 6.866%;}
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 780px) {
	.col {  margin: 1% 0 0 0%; }
	.col:first-child {margin:13px 0;}
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {width: 100%;}
}

       #map {
        height: 400px;
        width: 100%;
       }


/* =========================================================================
////	HEADER, HEADER HOME
=========================================================================== */
.header {margin:5px auto 0; max-width:1120px; height:60px; z-index: 9999;}
.nav-height {height:60px; position: relative;}
.nav-groot {position: relative; top:9px; z-index: 9999;}
.header-logo {max-height: 150px; position: absolute; margin: auto; top: 0; left: 0; right: 0;  bottom: 0;}
.logo-sticky {position:absolute; top:35px; left:-15px; z-index:9999; width:200px; max-height:200px;}

#contact > .icoon-container {display:none;}
#contact > h1 {display:none;}
#contact > hr {display:none;}
#contact > .content-column > p {font-size:18px!important;}
#contact > .content-column > p > .popup {border: none; max-width: 300px; text-align: left; padding: 5px 0;}

/* =========================================================================
////	HOME
=========================================================================== */
.header-afbeelding {max-width:100%; max-height:640px; overflow:hidden; margin:0 auto 20px; z-index:-1;}
.header-achtergrond {width:100%; display: inline-block; height:auto; background-size: cover;}
.header-achtergrond.home {height:600px; background-position: center center; background-repeat: no-repeat;}
.column-container {width:90%; padding:5%;}
.intro-blok {width:960px; margin:0 auto -50px; background:#000; position:relative; top:-80px;}
.main-content {width:auto; margin:0 auto; padding:40px;}

.blok3 {width:32.33%; background:#fff; display: inline-block; float:left; margin-right:1.5%; margin-bottom:20px;}
.block-text {padding:40px; width:auto;}
.blok3:last-child {margin-right:0; clear:right;}

.slideDown { background:#222; display: none; overflow:auto; margin:20px 0; padding:10px;}
.specialOpen { cursor:pointer;}

.slideDown2 { background:#000; display: none; margin:20px 0;}
.specialiteiten-container.odd > .slideDown2 { background:#fff; display: none; margin:20px 0;}
.contactOpen { cursor:pointer;}

li.facebook > a {color:#000!important;}
li.facebook > a:before {font-family: FontAwesome; content: "\f082"; font-size:28px; color:#fff;}


.cd-auto-hide-header {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color:rgba(0,0,0,0.8);
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.75);
}
.cd-auto-hide-header::after {
  clear: both;
  content: "";
  display: block;
}
.cd-auto-hide-header.is-hidden {
  -webkit-transform: translateY(-200%);
      -ms-transform: translateY(-200%);
          transform: translateY(-200%);
}

/* ========================================================================= 
////	SPECIALITEITEN
=========================================================================== */
.specialiteiten-container {padding:40px; text-align: center;}

.specialiteiten-container.odd {background:#fff;}
.specialiteiten-container.odd > h1 {color:#000!important;}
.specialiteiten-container.odd > p {color:#000!important;}
.specialiteiten-container.odd > p > .button {background:#caa30b; color:#fff; border:1px solid #caa30b;}
.specialiteiten-container.odd > p > .button:hover {background:#fff; color:#000; border:1px solid #aaa;}
.specialiteiten-container.odd > .icoon-container {width:160px; height:95px; margin:0 auto;}
.specialiteiten-container.odd > .icoon-container > .icoon {width:160px; height:95px; background-position: top; background-repeat: no-repeat;}

.specialiteiten-container.even {background:#000; color:#fff!important;}
.specialiteiten-container.even > h1 {color:#fff!important;}
.specialiteiten-container.even > .icoon-container {width:160px; height:95px; margin:0 auto}
.specialiteiten-container.even > .icoon-container > .icoon {width:160px; height:95px; background-position: bottom; background-repeat: no-repeat;}

ul.gallerij-specialiteiten > li.single.afbeelding {display:none;}
ul.gallerij-specialiteiten {width:100%; margin:0 auto; max-height:350px; overflow:hidden;}
ul.gallerij-specialiteiten > li {width:25%; height:350px; display:inline-block; background-size:cover; background-position: center center;}
ul.gallerij-specialiteiten > li.enkele-afbeelding {width:100%; height:0px; max-height:400px; display:inline-block; background-size:cover;}


/* ========================================================================= 
////	SPECIAL VAN DE WEEK
=========================================================================== */
ul.specials-container {width:100%; height:auto; margin:0; padding:0;}
ul.specials-container > li > h1 {color:#000; font-size:28px; padding:0 30px;}
ul.specials-container > li {width:50%; min-height:250px; margin:0; padding:0; display:inline-block; background:#eee; float:left; text-align: center; padding: 60px 0;
	background-repeat: no-repeat; background-size: cover; background-position: center center;}

ul.specials-container > li > p.omschrijving {padding:20px 40px 100px 40px; font-size:16px;}
ul.specials-container > li > p.gewicht {position:absolute; bottom:80px; width:100%; text-align:center;  padding:20px 0; font-size:16px;}
ul.specials-container > li > h2.prijs {position:absolute; bottom:20px; width:100%; text-align:center; padding:20px 0; font-size:60px; text-transform: uppercase; color:#caa30b;}

/* ========================================================================= 
////	FOOTER EN SUB CONTENT
=========================================================================== */
/* BLOCKS */
.footer-blocks {width:100%; margin:80px auto 0; padding:80px 0; background:#e5e5e5; overflow:auto;}
.footer-block1 {width:24.25%; margin-right:1%; float:left; display: inline-block; margin-bottom:40px;}
.footer-block1:last-child {margin-right:0;}



/* ========================================================================= 
////	Contact formulier
=========================================================================== */
form.wpcf7-form {width:100%; margin:0;}
textarea.wpcf7-form-control.wpcf7-textarea {width:100%;}
form.wpcf7-form > p {text-align:left;}
input.wpcf7-form-control.wpcf7-text {padding:2.5%; margin:10px 0; width:95%;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {border:none; background-color:#ff0000; color:#fff; text-align:center; font-family:'Roboto', Arial; font-size: 14px; font-weight: 700; letter-spacing:-0.03em; margin: 10px 0; padding: 25px;}
span.wpcf7-not-valid-tip {color: #FFF; font-size: 1em; display: block; background-color: #ff0000; margin-top: -10px; border: 1px solid #ff0000; width: 95%; padding: 1% 2.5%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);
	-moz-box-shadow:    0px 0px 5px 0px rgba(255, 0, 0, 1);
	box-shadow:         0px 0px 5px 0px rgba(255, 0, 0, 1);}
input.wpcf7-not-valid {width:100%; border:1px solid #ff0000; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);
	-moz-box-shadow:    0px 0px 5px 0px rgba(255, 0, 0, 1);
	box-shadow:         0px 0px 5px 0px rgba(255, 0, 0, 1);}
select.wpcf7-form-control {padding:5px; width:99%;}
select.wpcf7-form-control.wpcf7-select {margin-top:5px; width:51%; padding:10px 0 10px 10px;}
span.wpcf7-list-item {margin:10px 0; display:inline-block;}
span.wpcf7-list-item-label{padding:5px; font-family: Helvetica, Arial, Verdana, Serif; font-size:12px; color:#888; font-weight:400;}
span.wpcf7-list-item.first.last {border:1px solid #ddd;  width:100%; padding:5px 0;}
input.wpcf7-submit {padding:10px 10px 8px 10px; margin:5px 0 0 0; display:inline-block; font-family: Helvetica, Arial, Verdana, Serif; font-size:14px; background:#888; color:#fff; font-weight:700; cursor:pointer;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	
div.wpcf7-mail-sent-ok {background-color: #398F14; color:#fff; padding:15px 0;}
	
span.simple_button {display:inline-block;}
span.simple_button input {padding:10px 10px 8px 10px; margin:5px 0 0 -15px; display:inline-block; font-family: Helvetica, Arial, Verdana, Serif; font-size:14px; background:#f5f5f5; color:#d5d5d5; font-weight:700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

input {border:1px solid #ddd;}
input:hover {border:1px solid #999;}
input:focus {border:1px solid #aaa;}
input[type='checkbox'] {margin:0 0 5px 10px;
	-ms-transform: scale(1.25); /* IE */
	-moz-transform: scale(1.25); /* FF */
	-webkit-transform: scale(1.25); /* Safari and Chrome */
	-o-transform: scale(1.25); /* Opera */}
textarea {border:1px solid #ddd;}
textarea:hover {border:1px solid #999;}
textarea:focus {border:1px solid #aaa;}
select {border:1px solid #ddd;}
select:hover {border:1px solid #999;}
select:focus {border:1px solid #aaa;}



/* ========================================================================= 
////	NAVIGATIE - DESKTOP
=========================================================================== */
#cssmenu { margin:0; z-index:1; font-family: Arial, Helvetica, Sans-serif; font-size: 18px; font-weight: 700; text-align: right;}
#cssmenu > ul {margin: 0; padding: 0; position: relative;}
#cssmenu > ul > li { position: relative; display:inline-block;}
#cssmenu > ul > li > a {padding:5px; display: inline-block; color: #fff; text-decoration: none; line-height: 18px;}
#cssmenu > ul > li:hover > a {color:#aaa;}
#cssmenu > ul > li.active > a {border-bottom:solid 2px #fff;}
#cssmenu > ul > li.menu-item-has-children.has-sub > a:after {font-family: FontAwesome; content: "\f107"; margin-left:5px;}
/*  ==== DROPDOWN ===== */
#cssmenu > ul ul {opacity: 0; visibility: hidden; position: absolute; top: 30px; left: 0%; background:rgba(255,255,255,1); margin: 0; padding: 15px;  transition: all .1s ease-in-out; z-index:9999;}
#cssmenu > ul li:hover > ul {opacity: 1; top: 40px; visibility: visible; margin: 0; color: #aaa; z-index: 2; transition: all .3s ease-in-out;}
#cssmenu > ul ul li {text-align: left; list-style: none; padding: 0; margin: 0; width: 100%; position:relative;}
#cssmenu > ul ul li a {font-family: Arial, Helvetica, sans-serif; padding: 5px; border-bottom:1px solid #eee; display: block; color: #555; font-size: 14px; text-decoration: none; font-weight:300; width: 200px;}
#cssmenu > ul ul li:last-child a {border:0;}
#cssmenu > ul ul li a:before {margin-right:10px;}
#cssmenu > ul ul li a:hover {font-weight:400; color:#aaa;}

/* ========================================================================= 
////	NAVIGATIE - MOBIEL
=========================================================================== */
.kleinscherm {display:none;} 
.slidingDiv {height:auto; background-color: #f5f5f5; padding:0; margin-top:0px;}
.show_hide {display:none; cursor:pointer;}
.menu-knop-klein {display:block; text-align: right; padding:10px 0;}
.menu-knop-klein > h6:before {font-family: FontAwesome; content: "\f0c9"; margin-right:15px; color:#aaa!important;}
#mobiel {z-index:9999;}
#mobiel > ul > li {text-align:center;}
#mobiel > ul > li > a {font-family:'Roboto', Arial; font-size: 14px; color:#444; font-weight: 700; display:block; padding:20px 0; border-bottom:1px solid #ddd;}
#mobiel > ul > li > a:hover {background-color:#777; color:#fff;}
#mobiel > ul > li.current_page_item > a {background-color:#333; color:#fff;}
#mobiel > ul > li:last-child > a {border-bottom:none;}
#mobiel > ul > li > ul.sub-menu {background-color:#eee;}
#mobiel > ul > li > ul.sub-menu > li {}
#mobiel > ul > li > ul.sub-menu > li > a {display:block; padding:10px; color:#444;}
#mobiel > ul > li > ul.sub-menu > li.current_page_item > a {background-color:#ccc;}

/* Click Open */
a.open {display:inline-block; text-decoration: none;}
#one {width:100%; margin: 60px auto 0px auto; text-align: center;}
.box {display:block; width:90%; margin: 0px auto; height:auto; position:relative; display:none; padding: 5%; overflow:none; background-image: url(images/bg-sublaag.jpg); text-align: inherit;}
#one .box {}
ul li {display:block; list-style:none;}


.pp_content {width:600px; height:350px;}

/* ========================================================================= 
////	FORMATEN
=========================================================================== */

@media only screen and (max-width: 1200px) {
	.header {width:100%}
	.content-container {width:95%;}
	.intro-blok {width:95%;}
	.sfeerbeeld-container, .map-blok, .header-afbeelding, .partij-blok, partij-container {width:100%;}
	.partij-container > ul {width:95%;}
	.interesse-blok {width:95%; padding:2.5%;}
	.grootscherm {margin:0 auto; width:100%;}

}


@media only screen and (max-width: 980px) {
	.sidebar {padding-top:20px;}
	.sfeerbeeld-container > ul > li {height:150px;}
	ul.woningtype-lijst > li {width:45.5%;}
		.grootscherm, .header-naw, .nav-groot {display:none;}
	.kleinscherm {display:initial; z-index:9999; width:95%;}
	a.show_hide {display:inline-block;}
	.nav-height {height:auto;}
}



@media only screen and (max-width: 780px) {	
	.header {margin: 0 auto; width:100%;}
	.header > .content-container {margin: 0 auto; width:100%;}
	.header-achtergrond.home {height:300px;}
	.sidebar {padding-top:20px;}
	.rond-deco {display: none;}
	.header-logo {position: initial; height: 70px; margin-left:20px}
	.sfeerbeeld-container > ul > li {width:50%;}
	.interesse-blok h1, .interesse-blok h2, .interesse-blok h3, .interesse-blok h4 {font-size:20px;}
	.partij-container > ul {width:90%;}
	.partij-container > ul > li {width:48%; float:left; padding:20px 1%;}
	form.wpcf7-form p {width: 80%; text-align: left; margin: 0 10%;}
	.blok3, .footer-block1 {width:100%;}
	.blok3 > .block-text {width:45%; float:left;}
	.blok3 > img {max-width:45%; float:right; height:100%;}
	.footer-block1:last-child {margin-top:-94px;}
	.block-text, .main-content {padding:20px;}
	.footer-blocks {margin-top:20px;}
	.footer-blocks > .content-container {width:90%;}
	ul.gallerij-specialiteiten {width:100%; margin:0 auto; height:400px; overflow:hidden;}
	ul.gallerij-specialiteiten > li {width:50%; height:200px; display:inline-block; background-size:cover; background-position: center center; margin-bottom:-6px;}
	li.facebook {display:none;}
	
	.header-logo {max-height: 130px;}
	h1 {font-size:22px!important;}
	.logo-sticky {position:absolute; top:-6px; left:-25px; z-index:9999; width:200px; max-height:200px;}
	
	.bestellijst-download {position:absolute; top:-50px; right:5px; width:153px; height:160px;}

}


 @media screen and (max-width: 640px) {
	 ul.woningtype-lijst > li {width:95.5%;}
	 .header-logo {max-height: 62px; margin-left:10px}

	
}

 @media screen and (max-width: 480px) {
	h1 {font-size:26px;}
	.partij-container > ul > li {width:100%; float:left; padding:20px 1%;}
	form.wpcf7-form p {width: 95%; text-align: left; margin: 0 2.5%;}
	.blok3 > .block-text {width:90%; float: none;}
	.blok3 > img {display:none;}
	 .footer-blocks {margin-top:0px; padding-top:40px;}
	 ul.specials-container > li {width:100%;}
	  .header-logo {max-height: 62px; margin-left:0px}
	 
}

/* Google maps */
.maps-element {
    line-height: 0;
}

.maps-element iframe {
	width: 100%;
	height: 400px;
}