﻿@media (max-width: 1280px){
	.imageVerticalFixTitle {font-size: 55px;}
}

@media only screen and (max-device-width: 1024px){
	.parallaxContainer {background-attachment: scroll; background-position: center top;}
}


@media (max-width: 1280px){
	.partNavigation-hvbvr li 											{margin-right: 1%;}
}	

@media (max-width: 1100px){
	.partNavigation-hvbvr 						{display: none;}
		.mobileMenuOpen														{display: block;}

}

@media (max-width: 1023px){
	 #sideMenuLeft 								{display: none;}
	#sideMenuContent 													{padding:30px 0px 10px 0px; max-width: 700px; }
	#logo 																{width: 160px;}
	.sideMenuContainer #sideMenuContainer, #sideMenuContent {display: block;}

#diensten .basicContainerColumnItems .columnItem { width: calc(50% - 30px);}

}

@media (max-width: 768px){
	
}

@media (max-width: 767px){
	h1, .imageVerticalFixTitle											{font-size: 250%;}
	.whiteContainer, .greyContainer, .colorContainer, footer 			{padding: 30px 0px 10px 0px;}
	.basicContainerColumnItems .partContentText + .columnContainer, .basicContainerColumnItems .ctaButton + .columnContainer {padding-top: 10px;}
	.columnContainer 													{padding-top: 0px;}

	.columnContainer 													{}
	.colorContainer .columnContainer 									{}

		.oneThirthColumn.columnItem  										{display: block;}
		.columnItem 														{margin-bottom: 20px;}					
        #diensten .basicContainerColumnItems .columnItem,
        .oneThirthColumn													{width: 100%;}
		.oneFourthColumn 												{width: 48.7%;}
    

}

@media (max-width: 666px){
	#logo {width: 120px; height:90px;}
	
	footer .contactItem	svg												{height: 18px;}
	h2 																	{font-size: 112.5%;}

	#topBar .socialContainer 											{display: none;}

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


	.partContentText p, .partContentText ul, .partContentText ol, .partContentText table, .ctaButton {
		font-size: 100%;
	}

	.parallaxContainerTop 											{padding-top: 0px; height: 200px; background-position: center center; background-attachment: scroll; background-size: cover;}
	.parallaxContainerMiddle 										{padding-top: 0px; height:200px;}

	.imageVerticalFixTitle {font-size: 200%;}


	.partSlickSlider, .partSlickSlider * {height: 100%;}
	.imageVerticalFix {height: auto;}
}

@media (max-width: 480px){
	.oneFourthColumn 													{width: 100%;}
	.oneFourthColumn .partContentFileImageGallery.single 				{margin-bottom: 5px;}
	.slickSliderHeader .imageVerticalFixTitle 							{padding:0px 20px;}
}