@media screen and (max-width: 1440px){
	.headerContainer .h1 												{max-width: 1000px; font-size: 50px;}
}

@media screen and (max-width: 1279px){
	#rightContainer 													{max-width: 360px;}
	.partNavigation.horizontal ul.level-0 > li 							{margin-right: 20px;}
	#topBarLogoMenu .basicContainer  									{font-size: 16px;}
}

@media screen and (max-width: 1200px){
	#logo {margin-top: 25px;}
	#logo img {height:90px}
}

@media screen and (max-width: 1100px){
	.partNavigation.horizontal ul.level-0 > li 							{margin-right: 15px;}
}

@media screen and (max-width: 1023px){
	.stickyScrollGhost 													{height:90px;}
	#topBarLogoMenu .basicContainer  									{height:60px;}
	
	#topBar #logo 														{margin-top: 10px;}	
	#topBar #logo img 													{height: 70px;} 

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

	.basicContainer 													{padding-top: 60px; padding-bottom: 30px;}
	
	h1, .h1, .headerContainer .h1										{font-size: 34px;}
	h2, .h2																{font-size: 22px;}

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

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

	#scrollDownMouse {display: none;}
	.headerContainer .h1 {margin-bottom: 0;}

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

	.basicContainer, #aboutContainerContent 							{padding-top: 60px; padding-bottom: 30px;}
	#aboutContainerContent 												{padding-left: 60px; padding-right: 60px;}

	.lightContainer, footer {background-size: 80% auto;}

	#news .flexContainerColumns3 .flexItem {width: calc(50% - 30px);}
}

@media screen and (max-width: 767px){
	.basicContainer, #aboutContainerContent 							{padding-top: 30px; padding-bottom: 0;}
	#aboutContainerContent 												{padding-left: 25px; padding-right: 25px;}
	#aboutContainerLeft:after {display: none;}
	
	.basicContainer 													{padding-top: 30px; padding-bottom: 0;}
	#introContainer .basicContainer  									{padding-bottom: 0;}
	#introContainer + * .basicContainer 								{padding-top: 5px;}

	h1, .h1, .headerContainer .h1										{font-size: 28px;}
	h2, .h2, #mailTelContainer li a										{font-size: 20px;}
	.flexItem h2 														{font-size: 18px;}
	h3, .h3 															{font-size: 16px;}

	.flexContainer  									   				{padding-top: 30px;}

	#mailTelContainer li {justify-content: center;}

	/* footer */
	footer .basicContainer 												{display: block; padding-bottom: 20px;}
		.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;}
}

@media screen and (max-width: 667px){
	#topBarSmall .socialContainer  									{display: none;}

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

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

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

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

	#iconsAndText .flexContainerColumns4 .flexItem					{width: calc(50% - 30px); padding-top: 20px; padding-bottom: 20px;}
	#iconsAndText .flexItem h3 				{font-size: 14px;}
	#iconsAndText .flexItem {padding-left: 15px; padding-right: 15px;}
	#iconsAndText .flexItem .partContentFileImageGallery.single  	{max-width: 40px; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
	
	
	#iconsAndText + #news .flexItem:not(:first-child) {display: none;}

	#services .flexItem .partContentText, #news .flexItem .partContentText {display: none;}

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

	.flexItem 													{max-width: 420px; margin-left: auto; margin-right: auto;} 

	#news .flexContainerColumns3 .flexItem {width: calc(100% - 30px);}

	/* modified height of images */
	.parallaxContainer .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder  		{height: 150px;}
	.parallaxContainer.home .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder  		{height: 250px;}
	#services .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder, #news .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder {height: 150px; padding-bottom: 0!important;}
	.partSlider.homeHeader .slideContainer,	.partSlider.homeHeader .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder {padding-bottom: 50%!important;}

	/* about me */
	#aboutContainerLeft 		{width: 100%;}
	#aboutContainerLeft .partContentFileImageGallery.single .imagePlaceholder {padding-bottom: 400px!important;}
	#aboutContainerLeft .partContentFileImageGallery.single .imagePlaceholderContainer img {object-fit: cover; object-position: 50% 15%;}
	#aboutContainerRight	 	{width: 100%;}
}

@media screen and (max-width: 479px){
	#mobileMenuToggle .mobileMenuButtonLabel {display: none;}
	#topBarLogoMenu .partButton {font-size: 12px; padding-left: 10px; padding-right: 10px; height: 30px; margin-left: 10px;}
	#topBarLogoMenu .partButton .buttonLabel {margin-top: 2px;}
}

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