@media only screen and (max-width: 1100px){
	section{
		padding-left:0;
		padding-right:0;
	}
	div{
		padding-left:5%;
		padding-right:5%;
	}
}
@media only screen and (max-width: 900px){

	header{
		height:30vw;
	}
	section{
		padding-left:0;
		padding-right:0;
	}
	div{
		padding-left:5%;
		padding-right:5%;
	}
	header img{
		height:auto;
		width:100%;
	}
	div#name{
		padding:1%;
		text-align:center;
		height:14vw;
		width:auto;
	}
	img#logo{
		width:auto;
		height:100%;
		margin: auto;
	}
	img.willkommenPic{
		width:70%;
		height:auto;
	}
	div.christophPic{
		float:right;
		width:45%;
		padding-left:2%;
	}

	#menu{
		display:none;
	}
}
