@media screen and (max-width: 900px) {

	#wrapper #header #menu-mobile {
		width: 30px; height: 30px;
		position: absolute; right: 0px; top: 50%; margin-top: -15px;
		background-image: url('../images/icons/menu-mobile.png?213');
		background-size: 30px 30px; 
		z-index: 93; cursor: pointer;
	}
	#wrapper #header #logo {
		width: 100%;
	}
	#wrapper #header #menu {
		display: xnone;
		position: fixed; 
		left: 0!important; top: -100%;
		width: 100%; height: 100%;
		z-index: 999;
		background: rgba(255,255,255,0.9);	
		z-index: 92;	
		transition: all 500ms;

		background-image: url('../images/logo.png?213');
		background-size: 150px 150px;
		background-repeat: no-repeat;	
		background-position: 50% 90%;	
	}
	#wrapper #header #menu ul {
		margin: 3em 2em;
	}
	#wrapper #header #menu ul li {
		float: none;
		display: block;
	}
	#wrapper #header #menu ul li a {
		color: #000;
		border-bottom: 2px solid #9f5c61;
	}
	#wrapper #header #menu ul li:last-child a {
		border-bottom:  0;
	}
	#wrapper #header #menu ul li.active a {
		color: #bd9c9e;
	}
	#wrapper #header #menu.active {
		top: 0;

	}

	#search {

    width: 100%;
	}


	/* logo */
	#wrapper #header #logo {
		font-size: 1em;
	}

	/* oude en nieuw viewer */
	#oldnew-holder {
		height: auto;
	}
	#oldnew-holder #oldnew {
		width: 100%;
	}
	#oldnew-holder .left, #oldnew-holder .right  {
		display: none; 
	}

	/* photo slider */
	#photoheader-holder {
		height: auto;
		width: 100%;
	}
	#photoheader-holder  #photos {
		height: auto;
		width: 100%;
		border-left: 3px solid #fff; border-right: 3px solid #fff;
	}
	#photoheader-holder  #photos img {
		display: block;
		width: 100%;
	}	

	/* crest */
	#crest {
		display: none;
	}

	/* submenu */
	#wrapper #content #submenu	{
		width: 100%; margin-bottom: 1em;
	}
	#wrapper #content #submenu ul li {
		display: none;
	}
    #wrapper #content #submenu ul li.section {
        color: #fff; background-color: #8e4f55;
    }
    #wrapper #content #submenu ul li.section:after {
		content: "bekijk meer +";
        float: right;
        padding: 10px 12px 10px 18px;
        font-weight: 400;
        background-color: #703c40;
        position: absolute;
        right: 0;
        top: 0;
	}
	#wrapper #content #submenu ul li.section, #wrapper #content #submenu ul li.visible {
        position: relative; display: block;
	}

	/* page content */
	#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%;
	}

	/* page media */
	#wrapper #content .media {
		float: left;
		width: 100%;
		margin: 2% 0;
	}	

	/* social fixes */
	#socialcontent .item {
		width: 90%!important;
		margin: 2em auto; 
		float: none;
	}	

	/* fotoboek */
	#wrapper #content .page_content .fotoalbum a, #wrapper #content .page_content .fotoalbum a.foto {
		width: 98%;
		margin: 1%;
	}

	/* agenda */
	#wrapper #content .page_content .agenda .item a.foto {
		width: 100%;
	}	
	#wrapper #content .page_content .agenda .item .description {
		width: 100%; float: left; margin-left: 0%;
	}	

}