@media screen and (max-width: 1440px){
	.basicContainer 													{padding-left: 4%; padding-right: 4%; padding-top: 90px; padding-bottom: 60px;}
	#homeIntroTextContainer 											{min-height: 450px; padding-left: 4%;}
	#footerMain .basicContainer 										{padding-top: 60px; padding-bottom: 30px;}
	
	#introContainer .basicContainer 									{padding-bottom: 25px;}
	/* #introContainer.centered .basicContainer 							{padding-bottom: 30px;} */
	#introContainer + * .basicContainer 								{padding-top: 30px;}
}

@media screen and (max-width: 1279px){
	h1, .h1																{font-size: 38px;}
	#rightContainer 													{width: 330px; flex: 0 0 auto; padding-left: 30px;}
	#topBar #logo 														{width:150px;}
	.partNavigation.horizontal ul.level-0 > li 							{margin:0 20px;}
		.partNavigation.horizontal ul.level-0 > li > a   					{font-size: 22px;}
}

@media screen and (max-width: 1024px){
	.basicContainer {padding-top: 60px; padding-bottom: 30px;}
	#footerMain .basicContainer {padding-top: 30px; padding-bottom: 30px;}
	#introContainer .basicContainer {padding-top: 25px; padding-bottom: 5px;}
	/* #introContainer.centered .basicContainer {padding-bottom: 1px;} */
}

@media screen and (max-width: 1023px){
	/* home */
	#homeIntroTextContainer 											{width: 100%; order:2; padding-right: 4%; max-width: none; min-height: auto;}
	#homeIntroImageContainer 											{width: 100%; order:1; height: auto;}
		#homeIntroImageContainer .slideContainer  							{padding-bottom: 54%;}

	.stickyScrollGhost 													{height:90px;}

	#topBarLogoMenu .basicContainer  									{height:60px;}
	#topBar #logo 														{width:130px;}
	#topBar #extraLogo 													{margin-left: 20px;}

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

	h2, .h2																{font-size: 26px;}
	h3, .h3 															{font-size: 20px;}

	#introContainerText .partContentText, #sectionBenefits .partContentText ul  {font-size: 18px;}
	.partContentText 												 	{font-size: 16px;}

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

	.headerContainer .h1 												{margin-bottom: 0;}
	
	/* news */
	#news .flexContainerColumns3 .flexItem  							{width: calc(50% - 30px);}
	#news.newsHome .flexContainerColumns3 .flexItem:last-child 					{display: none;}
}

@media screen and (max-width: 900px){
	.basicContainerTwoColumns 											{flex-direction: column;}
		#rightContainer  													{padding-left: 0; position: static; width: 100%; min-width: auto;}
	
	#services .flexContainerColumns3 .flexItem									{width: calc(100% - 30px); display: flex; flex-wrap: wrap; flex-direction: row;}
		#services .flexContainerColumns3 .flexItemImage 								{width: 40%;}
		#services .flexContainerColumns3 .flexItemImage * {height: 100%;}
		#services .flexContainerColumns3 .flexItemText  								{width: 60%; text-align: left; align-items: flex-start;}

	/* footer */
	.footerColumn.contact 	{max-width: none; width: 100%;}
}

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

	h1, .h1, .parallaxOverlay .h1										{font-size: 30px;}
	h1, .h1 															{margin-bottom: 5px;}
	#introContainerText h1:only-child 									{margin-bottom: 25px;}
	#introContainerText h1 + .partContentText 							{margin-top: 0;}
	h2, .h2 															{font-size: 22px;}
	h3, .h3, .footerColumn.menu ul 										{font-size: 18px;}

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

@media screen and (max-width: 667px){
	.basicContainer, #homeIntroTextContainer 							{padding-left: 25px; padding-right: 25px; padding-top: 30px; padding-bottom: 1px;}	
	h2 + .flexContainer, .partContentText + .flexContainer 				{padding-top: 10px;}	
	#footerMain .basicContainer 										{padding-top: 0; padding-bottom: 0;}
	
	.basicContainer.textAlignCenter .partButtonContentContainer {justify-content: flex-start;}
	.basicContainer.textAlignCenter .partButtonContentContainer .partButton {margin-left: 0; margin-right: 15px;}
	.basicContainer.textAlignCenter .partButtonContentContainer .partButton:last-child {margin-right: 0;}

	/* align things to the left */
	.flexItemText												{align-items: flex-start;}
	#introContainer.centered .partBreadcrumb 					{justify-content: flex-start; margin-left: 0;}
	.partSlider .slidePagination  								{justify-content: flex-start;}
	.partSlider .slidePaginationBullet       					{margin-left: 0; margin-right: 10px;}

	.basicContainer, .basicContainer.small.textAlignCenter 			{text-align: left;}
		
	#topBarSmall .socialContainer  									{display: none;}

	.flexItemText {padding:20px;}

	.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);}
	.flexContainerColumns2 .flexItem								{width: calc(100% - 30px);}

	/* team */
	#about .partContentFileImageGallery 							{margin-left: 20px; margin-top: 20px;}

	/* news & services */
	#services .flexItem .partContentText, #news .flexItem .partContentText {display: none;}
	#news .flexContainerColumns3 .flexItem  {width: calc(100% - 30px);}
	#news.newsHome .flexItem:not(:first-child) {display: none;}

	/* icon & text */
	#iconsAndText .flexItem {margin-bottom: 0;}
	#iconsAndText .partContentFileImageGallery.single .contentFileImage {width: 60px; height: 60px; padding:15px; margin-left: 0;}

	/* modified height of images */
	#topImage .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder  		{height: 200px;}
	.parallaxContainer .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder  		{height: 250px;}
}

@media screen and (max-width: 480px){
	#services .flexContainerColumns3 .flexItem {min-height:150px;}

	#topBar #logo, #topBar #extraLogo {flex: 1 1 auto;;}
	#extraLogo {width: 110px; margin-right: 20px;}
}

@media screen and (max-width: 380px){
	#topBarSmall #linkContainer .partButton.naked:last-child {display: none;}
}