header
{
	overflow:hidden;
	height:100px;
}
header h1
{
	font-family: "Georgiaweb", Georgia, "Times New Roman", serif; 
	font-size: var(--header);
	font-size: 12.2vw;
	color: var(--moheader);
	text-align:center;
	position:relative;
	bottom:-60px;
	text-transform:none;
	margin:0;
}
header.splash
{
	overflow:initial;
	height:13vw;
	bottom:0;
}
header.splash h1
{
	color:var(--donkergrijs);
	bottom:-10px;
}
a.splash 
{
	text-decoration:none;
}

div.splash
{
	height:150px;
	display:none;
}
div.splash img
{
	height:auto;
	width:25%;
	padding:0;
	margin:0;
}
header form
{
	top:15px;
	position: absolute;
	width:calc(100% - 80px);
	left:60px;
	right:60px;
}
@media screen and (min-width:320px)
{
	header.splash h1
	{
		bottom:-10px;
	}
}

@media screen and (min-width:480px)
{
	header h1
	{
		bottom:-70px;
	}
	header.splash h1
	{
		bottom:-30px;
	}
	div.splash img
	{
		width:20%;
		height:auto;
	}
}

@media screen and (min-width:768px)
{
	header form
	{
		position: absolute;
		width:33%;
		left:33%;
		right:33%;
		max-width:960px;
	}
	header.splash
	{
		height:150px;
	}
	div.splash
	{
		overflow:hidden;
		display:block;
	}
	div.splash img
	{
		width:auto;
		height:150px;
	}
}
@media screen and (min-width:960px)
{
	header h1
	{
		bottom:-40px;
	}
}
@media screen and (min-width:1200px)
{
	header h1
	{
		font-size: var(--header);
	}
}