@media screen and (max-width: 900px) {
    
    .zorg_button.desktop { display:none; }
    .zorg_button.mobile { display:inline-block; }
    .zorg_button { position:relative; top:auto; right:auto; width:100%; text-align:center; -webkit-transform:none; transform:none; background-color:transparent; }
    .zorg_button a { margin-top:20px; padding:0; color:#339900; opacity:1!important; }
    .zorg_button a:after { bottom:-2px; -webkit-transform:none; transform:none; background-image:url(../images/icons/target_blank-mobile.png); }

	
	#lucht { display:none; }
	#header { height:80px; }
		#header #logo { width:140px; left:0; right:auto; }
		#header #logo:after { width:150px; z-index:101; }
		
		#header-image-container { width:100%; max-width:none; height:auto; }
		#header-image.homepage #header-image-container { height:175px!important; }
		#header-image.homepage #header-image-container .title { padding-bottom:20px; }
		
		#header-image-container .title { position:relative; padding:25px 5% 15px 5%; }
		#header-image-container .title.homepage { position:absolute; }
		#header-image-container .title.homepage h1 { font-size:18px; margin-bottom:8px; line-height:normal; }
		#header-image-container .title.homepage h2 { max-width:70%; font-size:18px; line-height:24px; }
		#header-image-container .title h1 { font-size:24px; line-height:24px; font-weight:normal; }	
		#header-image-container .title h2 { font-size:21px; line-height:normal; }
	
	#header-image-container #slides .slide img { width:auto; height:100%; }
	
	#hoofditems-container { padding:20px 0; width:auto; max-width:none; }
		#hoofditems-container .item { padding-bottom:calc(100% / 2 - 2%); width:calc(100% / 2 - 2%); }
		#hoofditems-container .item h2 { padding:6px 10px 4px 10px; font-size:14px; }

	#content.homepage .homepanel { width:100%; }
	#content.homepage .homepanel ul li a { line-height:24px!important; }
	
	#wrapper #content #submenu { margin:0 0 1em 0!important; }
	
	#content { margin:20px auto; }
		#content.homepage .page_content ul li { margin:0 0 0 10%; width:90%; }
		#content.homepage .page_content ul li:before { left:-10%; }

	#mailstage input[type=submit] { padding:12px 20px 10px 20px; }
	
	.news-overview .item { width:100%; height:auto; margin-right:0; }
	
	#content .page_content .fotoalbum { width:102%; }
	#content .page_content .fotoalbum a { width:calc(100% / 1 - 2%); }
	#content .page_content .fotoalbum a.foto { width:calc(100% / 2 - 2%); }
	
	.showhide-desktop { display:none; }
	.showhide-mobile { display:block; }
	
	#map_canvas { height:200px!important; }
	
	#content.contact .page_content .naw { margin-bottom:30px; width:100%; }
	#content.contact iframe.tour { float:left; margin-bottom:30px; width:100%; height:200px; }
	#content.contact #contact { padding-right:0; width:100%; }
	
	#footer { background-image:none; }
		#footer #footer-container { margin:0; padding:0; width:100%; max-width:none; }
		#footer #footer-container .items { left:0; margin:0; padding:0; width:100%; }
		#footer #footer-container .item { position:relative; margin:0; padding:30px; width:100%; height:auto; border-bottom:1px solid rgba(255,255,255,0.25); }

	
	/* header */
	#wrapper #header #menu-mobile {
		width: 40px; height: 40px;
		position: fixed; right:1em; top:1em;
		background-color:#339900;
		background-image: url('../images/icons/menu-mobile.png?1');
		background-size: 15px 15px; background-position: 50% 50%; background-repeat: no-repeat;
		border-radius:50%; z-index:103; cursor: pointer;
		
	}
	#wrapper #header #menu {
		position: fixed; left: 0; top: 0;
		width: 100%; height: 100%;
		background: rgba(255,255,255,0.95);
		transform: none; -webkit-transform: none;
		display: none;
		z-index:102;
	}
	#wrapper #header #menu #menu-container { position:absolute; top:50%; width:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }

		/* if language is used */
		#langmenu {
		   position: fixed;
	       top: 2em; left: 50%;
	       transform: translateX(-50%); -webkit-transform: translateX(-50%);
		   z-index:9;
	       border-radius: 3px;
	       display: none;
	    }
		#langmenu a:not(:last-child) {
	        margin-right: 1em;
	    }
		#menu.active ~ #langmenu {
		   display: block;
	    }
	    /* /if language is used */

	#wrapper #header #menu ul {
		left: 0; margin-bottom:10px; width: 100%;
	}
	#wrapper #header #menu ul li {
		float: none; text-align: center;
	}
	#wrapper #header #menu ul li a {
	   margin-left:0; margin-right:0;
    }
	#wrapper #header #menu.active {
		display: block;
	}

	/* main layout */
	#wrapper #content #submenu {
		width: 100%; margin-bottom: 2em;
	}
	#wrapper #content .page_content,
	#wrapper #content .page_content.hassubmenu,
	#wrapper #content .page_content.hasmedia,
	#wrapper #content .page_content.hassubmenu.hasmedia {
		width: 100%; padding-left: 0; padding-right: 0;
	}
	#wrapper #content .media {
		width: 100%; margin-bottom: 2em;
	}

	/*newsarchive */
	.news-archive .image {
		float: none;
		width: 100%;
		margin-bottom: 1em;
	}
	.news-archive .image img {
		height: auto;
		width: 100%;
	}

	/* footer */
	#wrapper #social-media-buttons {
		float: none; width:auto;
	}

}