/******************************************************************************/
/******************************************************************************/
/***** SCHERMEN KLEINER DAN 1280 PX *******************************************/
/******************************************************************************/ 
@media screen and (max-width: 1280px) {
	#afbeeldingen .tekst .ondertitel{font-size:24px}
	#afbeeldingen .tekst{text-align:left}
  #menu ul li a{padding-left:8px;padding-right:8px}
  #kolom_contact .contactpersonen .fa-users{font-size:55px}
}

/******************************************************************************/
/******************************************************************************/
/***** SCHERMEN KLEINER DAN 1270 PX *******************************************/
/******************************************************************************/ 
@media screen and (max-width: 1270px) {
	#afbeeldingen .tekst, #header .wrapper, #content, #blok_twee .wrapper, #blokken .inhoud, #pluspunten .wrapper,
	#footer .wrapper, .onderfooter.wrapper{max-width:940px}
	#pluspunten h4{font-size:17px}
	#team .detail.email span{display:block}
	#team .item .img{height:190px}
	#nieuws a.item .img{height:190px}
	#duurzaam #knoppen{padding:50px 100px;margin-left:-100px}
}

/******************************************************************************/
/******************************************************************************/
/***** SCHERMEN KLEINER DAN 960 PX ********************************************/
/******************************************************************************/ 
@media screen and (max-width: 960px) {
	#afbeeldingen .tekst, #header .wrapper, #content, #blok_twee .wrapper, #blokken .inhoud, #pluspunten .wrapper,
	#footer .wrapper, .onderfooter.wrapper{box-sizing: border-box;width:100%;padding-left:60px;padding-right:60px;text-align:center}
	#logo img{max-height: 47px;}
	#container .wrapper{margin-top:30px}
	
	/* afbeeldingen */
	#afbeeldingen, #afbeeldingen.home{height:200px;}
	#afbeeldingen .tekst, #afbeeldingen .tekst .ondertitel{text-align:center}
	#afbeeldingen.home h1 .titel{display:none}
	#afbeeldingen .tekst .button{float: none;width: 269px;display: block;height: auto;line-height: 30px;padding: 10px 0;margin: 20px auto;}
	
	#steekwoorden h4{font-size:17px}
	
  #kolom_contact .contactpersonen .fa-users{display:none}
	
	#team .item .img{height:163px}
	
	/* footer */
	#footer .blok{float:none;width:auto;margin:0 auto 50px;text-align:center;clear:both}
	#footer h2::after{margin: 15px auto 5px}
	#footer form{margin:0 auto 50px}
	#footer .blok.contact i, #footer .blok.contact span{float:none;display:inline}
	#footer .social_media a {width:100px;margin:auto;}
	
	#pluspunten .wrapper div{width:120px;margin-right:calc((100% - 480px)/3)}
	#pluspunten .wrapper div:nth-of-type(4){margin-right:0}
	
	#duurzaam{padding:0;width:100%}
	#duurzaam #knoppen a.knop{margin:0;width:calc(25%);padding:40px 0}
	#duurzaam #knoppen a.knop{margin:0;width:calc(25%);padding:40px 0}
	#duurzaam .afbeeldingen{padding:50px 0;margin-left:-60px;width:calc(100% + 120px)}
	
	#kolom_contact, #nieuws a.item, #artikel, #recente_berichten, #content.contact{text-align:left}
	#nieuws a.item .tekst h2{font-size:18px;line-height:18px;margin:15px 0}
	#artikel .img{max-width:100%;overflow:hidden}
	
	#content.contact .kolom_rechts #kolom_contact{margin-left:0}
	
	#kavel .downloads a{font-size:16px}
	#kavel .downloads i.redPdf{margin:0 10px 0 0}
}

/******************************************************************************/
/******************************************************************************/
/***** SCHERMEN KLEINER DAN 830 PX ********************************************/
/******************************************************************************/ 
@media screen and (max-width: 830px) {
	#afbeeldingen .tekst, #header .wrapper, #content, #blok_twee .wrapper, #blokken .inhoud, #pluspunten .wrapper,
	#footer .wrapper, .onderfooter.wrapper{box-sizing: border-box;width:100%;padding-left:20px;padding-right:20px;}
	
	/***** MENU *****************************************************************/
	#menu{position:absolute;top:0;right:0;width:100%;}
	#btn_menu_mobiel{display:block;position:absolute;top:34px;right:10px;width:42px;height:32px;cursor:pointer}
	#btn_menu_mobiel span{width:22px;height:2px;display:block;overflow:hidden;background:#888;margin:4px 0;}
	
	#menu ul{display:none;background:#fff;text-align:left;width:100%;list-style:none;margin:0;padding:100px 0 0 0}
	#menu ul li{display:block}
	#menu ul li.uitklap i{display:none}
	#menu ul li a{padding:5px 30px;color:#1f1f1f}
	#menu ul li a:hover{border:none}
	#menu ul#submenu{display:block;position:relative;top:auto;left:auto;margin:0 30px;padding:0 30px}
	
	#kolom_contact h1{font-size:21px}
	#kolom_contact a.button{padding:0;width:100%;text-align:center}
	
	#duurzaam .afbeeldingen{margin-left:-20px;width:calc(100% + 40px)}
	
	#team .item{margin-right:10px;width:calc(25% - 10px)}
	#team .item:nth-of-type(4n){margin-right:0}
	#artikel h1{font-size:28px}
	
	#kavel .downloads a{font-size:15px;margin:20px 0}
	#kavel .downloads i.redPdf{margin:0 10px 0 0;font-size:15px}
}

/******************************************************************************/
/******************************************************************************/
/***** SCHERMEN KLEINER DAN 660 PX ********************************************/
/******************************************************************************/ 
@media screen and (max-width: 660px) {
	#afbeeldingen .tekst .ondertitel{font-size:20px;line-height:20px}
	#afbeeldingen .tekst .button{font-size:16px}
	
	#kolom_contact, .kolom_rechts, #content.contactpersonen #text, #home, #steekwoorden div, #steekwoorden, #blok_twee .tekst, #blok_twee iframe, #blokken .blok, 
	#duurzaam #knoppen a.knop, #pluspunten .wrapper div, #artikel, #contactform, #kavel{width:100%;float:none}
	#blok_twee iframe{min-width:100%}
	
	#kolom_contact{margin-bottom:40px}
	.kolom_rechts #kolom_contact{margin:0 0 40px 0}
	
	#samenwerken h2{font-size:18px;line-height:18px;margin:10px 0}
	#samenwerken_logos{height:50px}
	#samenwerken_logos ul li{width:120px;height:50px}
	
	#blokken .blok, #blokken .blok:nth-of-type(2n){margin:0 0 60px 0}
	#kavels{margin-bottom:0}
	#kavel .downloads .dwl{display:none}
	#kavel_gegevens{margin-left:0}
	#pluspunten .wrapper{height:auto}
	#pluspunten .wrapper div{margin-top:0;padding:20px 0}
	#pluspunten .wrapper div:hover{margin-top:0;padding:10px 0 30px 0}
	
	#afbeeldingen .tekst h1, h1{font-size:20px;line-height:22px}
	
	#duurzaam .afbeeldingen img{width:calc(100% - 30px)}
	
	#team .item, #nieuws a.item{width:100%;float:none;margin:0 0 40px 0}
	#team .item .img{height:252px;width:100%;max-width:273px;margin:0 auto}
	
	#nieuws .kolom_rechts{display:none}
	#footer .nieuwsbrief form{max-width:100%}
	#footer .nieuwsbrief .button{max-width:calc(100% - 20px);padding: 0 10px}
	
	input, textarea, select, #contactform .deelform.email, #contactform .deelform.naam{width:100%;float:none;text-indent:18px}
	textarea{padding:18px;width:calc(100% - 36px);text-indent:0}
}