@media screen and (max-width: 1240px ) 
{
	.subheader
	{
		display: block;
	}
	
	.header .contact
	{
		display: none;
	} 

	.hero
	{
		top: 176px;
		height: calc(100vh - 176px);
	}

	.herotekst
	{
		top: calc(176px - 128px); 
		height: calc(100vh - 176px + 48px);
	}

	.headerback
	{
		height: 176px;
	}

	.splitgrid
	{
		grid-template-columns: 1fr;
		grid-gap: 0px;
	}

	#bestelFrm table
	{
		display: table;
		width: 100%;
	}
	#bestelFrm input[type=text]
	{
		margin: 0px;
		width: 100%;
		font-size: 8px;
	}
	#bestelFrm label
	{
		font-size: 8px; 
	}
	#bestelFrm p
	{
		font-size: 8px;
	}
	#overlay
	{
		padding: 20px;
		width: 100%;
	}
}

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

@media screen and (max-width: 950px ) 
{
	.nav ul
	{
		display: none;
	} 
	.hamburger
	{
		display: flex;
	}

	.header
	{
		height: 64px;
		padding-right: 16px;
	}

	.headerback
	{
		height: calc(64px + 48px);
	}

	.hero
	{
		top: 112px; 
		height: calc(100vh - 112px);
	}

	.herotekst
	{
		top: calc(112px - 128px); 
		height: calc(100vh - 112px);
	}

	.logo
	{
		padding: 10px;
		max-height: 64px;
	}

	.introductie a:after, .aanbod a:after
	{ 
	  width: 100%; 
	  left: 0%;
	}


	.gridcontent
	{
		grid-template-columns: 1fr;
		grid-gap: 10px; 
	}
	.fotos
	{
		flex-direction: row;
		max-width: 100%;
	}

	.foto
	{
		flex-direction: row;
		justify-content: center;
		max-width: 100%;
		max-height: 128px;
	}

	.fotogalerij
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

}

@media screen and (max-width: 830px)
{
/*	.impressie > *
	{
		width: 100%;
	}

	.impressie > * img
	{
		width: 100%;
	}*/

	.impressie > *
	{
		display: none;
	}
	.impressie > *:nth-child(1), .impressie > *:nth-child(2)
	{
		display: block;
	}
}

@media screen and (max-width: 750px ) 
{
	.padding
	{
		padding: 20px;
	}

	.tekstcontent
	{
		padding: 20px;
	}

}

@media screen and (max-width: 570px ) 
{
	h3
	{
		font-size:1.8em;
	}

	p
	{
		font-size: 12px;
	} 

	.fotos
	{
		padding: 10px;
	}

	.foto
	{
		padding: 10px;
	}

	.fotogalerij
	{
		display: grid;
		grid-template-columns: 1fr;
	}

	.gridcontent
	{
		padding: 20px 0;
	}
}

@media screen and (max-width: 450px ) 
{
	.padding
	{
		padding: 0px;
	}

	.subheader
	{
		padding: 5px;
	}

	.hero
	{
		top: 92px; 
		height: calc(100vh - 92px);
	}
	.herotekst
	{
		top: calc(92px - 128px); 
		height: calc(100vh - 92px);
	}

	.headerback
	{
		height: calc(64px + 28px);
	}

	.behandeling p:last-of-type
	{
		font-size: 8px;
	}
}

@media screen and (max-width: 400px)
{
	.subheader .contact ul
	{
		justify-content: space-between;
		padding: 0 10px;
	}

	.introductie
	{
		padding: 20px 0px;
	}

	.aanbod
	{
		padding: 20px 0px;
	}


	.tekstcontent
	{
		padding: 10px;
	}

	.gridcontent
	{
		padding: 10px 0;
	}


}