/* media queries */

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



	/* header */
	#header,
	#header #header-container  {
		min-height: 60px;
	}
	#header #logo {
		width: 150px;
		height: 50px;
		top: 5px;
	}
	#header #logo a {
		background-size: 150px 50px;
	}
	#wrapper #header #menu-mobile {
		width: 40px; height: 40px;
		position: fixed; right: 15px; top: 10px;
		background-color: #E9540D;
		background-image: url('../images/icons/menu-mobile.png');
		background-size: 15px 15px; background-position: 50% 50%; background-repeat: no-repeat;
		border-radius: 3px; z-index: 9; cursor: pointer;
		border-radius: 40px;
	}
	#wrapper #header #menu {
		position: fixed; left: 0; top: 0; 
		width: 100%; height: 100%;
		background: rgba(0,112,174,0.9);
		transform: none; -webkit-transform: none;
		display: none;
		z-index: 9;
	}
	#wrapper #header #menu ul {
		position: absolute; left: 0; top: 50%; width: 100%;
		transform: translateY(-50%); -webkit-transform: translateY(-50%);		
	}
	#wrapper #header #menu ul li {
		float: none; text-align: center; 
	}
	#wrapper #header #menu ul li a {
	   margin-left:0;
	   color: #fff;
    }
	#header #menu ul li.active a {
		font-weight: bold;
	}    
	#wrapper #header #menu.active {
		display: block;
	}	
	





	/* home */
	#content .page_content_home {
		padding: 1em 0;
	}
	#content .page_content_home ol li {
		width: 100%;
	}	
	#home  {
		min-height: 300px;
	}
	#home h1 {
		top: 30px; 
		font-size: 1.4em;
	}
	#home .action-buttons {
		font-size: 1em;
	}
	#home .action-buttons a {
		display: block;
		width: 90%;
		margin-left: 5%;
		margin-bottom: 10px;
		box-sizing: border-box;
	}
	#home .action-buttons {
		bottom: 10px;
	}

	/* general */
	#content h1 {
		font-size: 1.4em; 
		max-width: 100%;
	}	
	#content .page_content {
		padding: 2em 0;
	}

	#content .page_content.hassubmenu {
		padding-left: 0;
		float: none;
		width: 100%;
	}

	/* vac/prof */
	#vacatures-professionals-selector {
		width: 100%;
		float: none;
		padding-top: 1em;
		border-bottom: 2px solid #EFEFEF;

		display: none;
	}
	#vacatures-professionals-selector.sticky {
		position: static; 
		top: auto; 
		margin-top: 0px;
	}	
	#vacatures-professionals-selector ol {
		margin-bottom: 1em!important;
	}	
	#vacatures-professionals-selector-button-mob {
		display: block;
		background: #E9540D;
		padding: 10px;
		color: #fff;
		margin-top: -40px;
		font-weight: bold;
		letter-spacing: 1px;
		cursor: pointer;
		text-align: center;
		position: relative;
		z-index: 3;
		text-transform: uppercase;
	}
	#vacatures-professionals-selector-button-mob.active {
		background: #0082CB;
	}
	#vacatures-professionals-listing {
		width: 100%;
		float: none;
		padding: 0; 
		padding-top: 2em;
	}
	#vacatures-professionals-listing .item h2,
	#vacatures-professionals-listing .item h1 {
		font-size: 1.2em;
	}


	/* vac > detail page */
	#vacatures-professionals-listing .item .set.hours {
		background-size: 50px;
		padding-left: 70px;
	}
	#vacatures-professionals-listing .item .solliciteer span {
		font-size: 1em;
	}
	.solliciteer-form {
		padding: 1em;
	}
	#content #contact form input.submit {
		padding: 10px 25px;
		font-size: 1em;
	}
	#vacatures-professionals-listing .item .set.cta {
		padding: 2em 0.5em; 
	}
	

	/* contact */
	#contact-extras {
		padding-top: 0;
	}
	#contact-extras #team .member {
		width: 80%; margin: 1em 10%;
	}
	

	/* footer */
	#footer #footer-container .adres {
		float: none;
		margin: 0; 
		margin-top: 2em;
		text-align: center;
		font-size: 0.8em;
	}
	#footer #footer-container .phone {
		transform: none;
		-webkit-transform: none;
		font-size: 1.2em; text-align: center;
	}
	#footer #footer-container #social-media-buttons {
		position: relative;
		top: auto; 
		left: auto;
		transform: none;
		-webkit-transform: none;
		margin-top: 2.5em;
		width: 100%; text-align: center;		
	}



}

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