@media screen and (max-width: 1279px){
	#logo img 															{height: 40px;}
	
	.partNavigation-hvbvr  												{font-size: 16px;}
	.partNavigation-hvbvr li 											{margin-left: 20px;}
	#rightContainer 													{max-width: 360px;}

	.headerWithText .headerContainer .partContentText  					{font-size: 18px;}
}

@media screen and (max-width: 1023px){
	#rightContainer 													{margin-top: 0;}
	
	.headerWithText .headerContainer .partContentText 					{width: 100%; max-width: 840px;}
	.headerWithText .partContentFileImageGallery  						{margin-top:-28.57%;; opacity: 0.2;}
	.headerWithText .headerContainer									{position: relative; transform: none; left: 0;}
	.homeHeader .headerContainer  										{padding-right: 30%;}
	
	#topBar nav.basicContainer 											{height: 70px;}
	.stickyScrollGhost													{height: 110px;}

	.partNavigation-hvbvr, #sideMenuLeft 								{display: none;}
	#mobileMenuToggle													{display: flex;}

	.whiteContainer, .greyContainer, .colorContainer, footer 			{padding-top: 40px; padding-bottom: 10px;}
	
	h1, .h1, .headerContainer .h1, .homeHeader .headerContainer .h1		{font-size: 36px;}
	h2, .h2																{font-size: 24px;}
	.partAccordionMenuContent ul li span.linkTrigger 					{font-size: 18px;}

	.partContentText p, .partContentText ul, .partContentText ol, .partContentText table, .partButton {font-size: 16px;}

	.flexContainerColumns5 .flexItem									{width: calc(33.3333333333% - 30px);}
	.flexContainerColumns4 .flexItem									{width: calc(50% - 30px);}
	.flexContainerColumns3 .flexItem									{width: calc(50% - 30px);}

	.flexItem:last-child {margin-right: 15px;}

	.basicContainerTwoColumns 											{flex-direction: column;}
	#leftContainer 														{padding-right: 0;}
	#rightContainer 													{max-width: 840px;}
}

@media screen and (max-width: 767px){
	.whiteContainer, .greyContainer, .colorContainer, footer 			{padding: 30px 0px 10px 0px;}

	h1, .h1, .headerContainer .h1, .homeHeader .headerContainer .h1		{font-size: 30px;}
	.homeHeader .headerContainer {padding-right: 20%;}
	h2, .h2, #mailTelContainer li a										{font-size: 20px;}

	#mailTelContainer li {justify-content: center;}

	/* footer */
	footer .basicContainer 												{display: block;}
		.footerColumn  														{width: auto;}
		.footerColumnLeft, .footerColumnRight 								{text-align: center; padding:0px;}

		.footerColumn .socialContainer 									{justify-content: center; margin-bottom: 30px;}

	.partSlickSliderLogos {padding-left: 0; padding-right: 0;}

	.introContainer.gradientGreyToWhite:after {max-width: 70%;}

	/* parallax set height */
	/*.parallaxContainer .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder  		{height: 240px;}
	.parallaxContainer .partContentFileImageGallery figure .imagePlaceholderContainer img  						{object-fit: cover;}

	/*
	.partSlickSlider.homeHeader .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder  		{height: 200px;}
	.partSlickSlider.homeHeader .partContentFileImageGallery figure .imagePlaceholderContainer img  					{object-fit: cover;}  */
}

@media screen and (max-width: 667px){
	.partAccordionMenuContent ul li span.linkTrigger 				{font-size: 16px;}
	
	.headerWithText .headerContainer .partContentText 								{width: 100%;}
	
	#topBarSmall .socialContainer  									{display: none;}

	.oneSecondColumn.flexItem  										{display: block;}
		.oneSecondColumn 												{width: 100%;}

	.socialShareLabel 												{display: block; width: 100%;}	

	.headerContainer 												{padding-left: 25px; padding-right: 25px;}

	.flexContainerColumns5 .flexItem								{width: calc(50% - 30px);}
	.flexContainerColumns4 .flexItem								{width: calc(100% - 30px);}
	.flexContainerColumns3 .flexItem								{width: calc(100% - 30px);}
	.flexContainerColumns2 .flexItem								{width: calc(100% - 30px);}

	.flexContainer {padding-top: 0px;}

	a.flexItem .partContentText {display: none;}

	#nieuws a.flexItem h2 {min-height: auto;}

	/* references */
	#references .flexItem {max-width: none; margin-bottom: 0px;}

	#homeParallax.parallaxContainer .imagePlaceholder {padding-bottom: 40%!important;}

}

@media screen and (max-width: 479px){
	#homeParallax.parallaxContainer .imagePlaceholder {padding-bottom: 90%!important;}
}

@media screen and (max-width: 380px){
	#topBarSmallPhoneEmail a:last-child {display: none;}
}