div#head {
   z-index: 0 !important;
}

body{
	margin: 0;
	padding: 0;
	text-align: center;

}
@-ms-viewport {
        width: device-width;
    }
 

@media (max-height: 500px) AND (min-height: 0px){
#head{
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 500px;
	z-index: -99;
	background-image: url('img/vorderzeit-bg.jpg'); no-repeat
	float: left;
	position: relative;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
}
@media (max-height: 600px) AND (min-height: 500px){
#head{
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 600px;
	z-index: -99;
	background-image: url('img/vorderzeit-bg.jpg'); no-repeat
	float: left;
	position: relative;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
}
@media (max-height: 700px) AND (min-height: 600px){
#head{
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 700px;
	z-index: -99;
	background-image: url('img/vorderzeit-bg.jpg'); no-repeat
	float: left;
	position: relative;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
}
@media (max-height: 800px) AND (min-height: 700px){
#head{
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 800px;
	z-index: -99;
	background-image: url('img/vorderzeit-bg.jpg'); no-repeat
	float: left;
	position: relative;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
}
@media (max-height: 900px) AND (min-height: 800px){
#head{
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 900px;
	z-index: -99;
	background-image: url('img/vorderzeit-bg.jpg'); no-repeat
	float: left;
	position: relative;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
}
@media (max-height: 1000px) AND (min-height: 900px){
#head{
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 1000px;
	z-index: -99;
	background-image: url('img/vorderzeit-bg.jpg'); no-repeat
	float: left;
	position: relative;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
}
@media (max-height: 1200px) AND (min-height: 1000px){
#head{
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 1200px;
	z-index: -99;
	background-image: url('img/vorderzeit-bg.jpg'); no-repeat
	float: left;
	position: relative;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
}
@media (max-height: 600000px) AND (min-height: 1201px){
#head{
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 1500px;
	z-index: -99;
	background-image: url('img/vorderzeit-bg.jpg'); no-repeat
	float: left;
	position: relative;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
}