html, body {
	margin: 0 0 0 0;
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
}
main {
	background-image: url("../bilder/hd.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  	height: 100%;
}
header {
	position: relative;
	height: 6em;
}
footer {
	background-color: green;
	margin-top: auto;
	height: 3em;
}
#loginnav {
	float: right;
	display: block;
	margin: 2.1em 2em 0em 0em;
}
#mobilnav {
	display: none;
}
label.info {
	position: absolute;
	right: 24em;
	display: inline-block;
	text-align: right;
	margin-right: 0.8em;
	visibility: hidden;
}
#welcome {
position: absolute;
margin: 0.35em 0em 0em 0.6em;
font-family: 'Tangerine', serif;
text-shadow:0.0238em 0.0238em 0 #444;
color: #b81400;
font-size: 50px;
display: inline-block;
}
#hamburgerimage {
		/* width: 1.256em;
		height: 1.256em;
		float: right;
		margin: 2.1em 2em 0em 0em; */
		display: none;
	}

@media only screen and (max-width: 480px) {
	#loginnav {
		display: none;
	}
	#hamburgerimage {
		display: block;
		float: right;
		width: 1.256em;
		height: 1.256em;
		margin: 2.1em 2em 0em 0em;
	}
	#welcome {
		font-size: 37px;
		display: block;
		margin: 0.7em 0.5em 0em 0.5em;
	}	
	@media screen and (orientation: landscape) {
		#welcome {
			color: orange;
		}
 } 
	/* @media screen and (orientation: landscape) {
		#welcome {
			color: orange;
		} */