﻿@media screen and (max-width: 1440px){
	#homeReferencesContainer .basicContainer {padding-bottom: 90px;}
	#contentAndMenuContainer 	{padding-bottom: 60px;}
}

@media screen and (max-width: 1366px){
	.basicContainer {padding-left: 40px; padding-right:40px;}
}

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

	.instragramItem:last-child {display: none;}

	#stickyTopBar #logo {flex: 0 0 auto; width:240px;}
}

@media screen and (max-width: 1024px){
	body {font-size: 16px;}
}

@media screen and (max-width: 1023px){
	#mainMenu .partNavigation.horizontal {display: none;}
	#stickyTopBar, #stickyTopBarGhost   {height:80px;}
	#stickyTopBar .basicContainer {padding-top: 5px; padding-bottom: 5px;}

	.homeIconsAndTextItemText h2 {border:none; text-decoration: underline;}

	#mobileMenuToggle {display: flex;}
	#mainMenu {justify-content: flex-end;}

	#contentAndMenuContainer {flex-direction: column;}
	
	#contentContainer {}
	#sideMenuContainer {margin-left: 0;}

	.partAccordionMenuNavigation ul li a, .partAccordionMenuNavigation ul li span.linkTrigger {padding-left: 25px; padding-right: 25px;}
	.partAccordionMenuNavigation ul ul li a {padding-left: 20px;}

	#mainMenu .partButton.aanmelden {display: none;}

	#footerBottomContainer li:last-child {margin-left: 0;}

	.instragramItem:nth-last-child(2) 	{display: none;}
}

@media screen and (max-width: 768px){
	h1, .h1							{font-size: 34px;}
	h2, .h2							{font-size: 20px;}
	h3, .h3							{font-size: 18px;}
	#homeReferencesContainer .partContentText {font-size: 20px;}

	.homeIconsAndTextItem .partContentFileImageGallery.single .contentFileImage {height:70px; width: 70px; border-width: 3px;}
	.homeIconsAndTextItem .partContentFileImageGallery.single .contentFileImage figure {width: 40px!important;}

	.videoButtonIcon {height:80px; width: 80px; border-width: 3px;}
	.videoButton svg { width: 30px; height:40px;}
}

@media screen and (max-width: 767px){
	#homeReferencesContainer .basicContainer {padding-bottom: 60px;}

	#contactText 						{width: 100%; padding-right: 0;}
	#contactForm 						{width: 100%; padding-left: 0;}
}

@media screen and (max-width: 667px){
	h1, .h1							{font-size: 28px; margin-bottom: 10px;}
	#newsAgendaDate {margin-top: 0;}
	#contentContainer .agendaText h2 {font-size: 18px;}
	.agendaDate {width: 80px;}
	.agendaDateDay {font-size: 24px;}
	.agendaDateMonth {font-size: 11px;}
	
	.basicContainer {padding-left: 25px; padding-right: 25px; padding-top: 30px; padding-bottom: 30px;}

	.homeIconsAndTextItemText h2 {margin-bottom: 5px;}
	.homeIconsAndTextItem {width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; margin-bottom: 30px; display: flex; flex-direction: row; align-items: flex-start;}
	.homeIconsAndTextItem .partContentFileImageGallery.single {margin-right: 15px;}
	.homeIconsAndTextItemText {display: block; text-align: left;}

	#homeFullWidthImage .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder {padding-bottom: 50%!important;}
	#homeFullWidthImage .partContentFileImageGallery figure .imagePlaceholderContainer img {object-fit: cover;}

	.teamItem 	{width: calc(50% - 20px);}
	.teamItem .partContentText, .partButton.naked.showMoreButton {font-size: 14px;}
	.showMoreContentContainer {height: 105px;}

	.newsItem {width: calc(100% - 20px);}
	
	#imageHeaderSmall .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder {padding-bottom: 60%!important;}
	#imageHeaderSmall .partContentFileImageGallery figure .imagePlaceholderContainer img {object-fit: cover;}

	.partSlider.homeHeader .slideContainer  {padding-bottom: 60%;}
	.partSlider.homeHeader .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder {padding-bottom: 60%!important;}
	.partSlider.homeHeader .partContentFileImageGallery figure .imagePlaceholderContainer img {object-fit: cover;}
}

@media screen and (max-width: 480px){
	.teamItem {width: calc(100% - 20px);}
	
	#contentContainer {padding-top: 10px;}

	.instragramItem:nth-last-child(3) 	{display: none;}

	.partButton.login .buttonLabel {display: none;}

	#stickyTopBar .basicContainer {align-items: center;}

	.mixedContentColumn {margin-bottom: 20px;}

	.instragramOverlay {padding-bottom: 30px;}
}

@media screen and (max-width: 350px){
	#mobileMenuToggle .mobileMenuButtonLabel {display: none;}
}