/* Generell Style under construction seite*/

@charset "UTF-8";
body {
	background-image: url("bg.jpg");
	background-size: cover;
	background-position: top center;
	font-size:100%;
	margin:0em;
	padding:0em;	
}
h1 {
	font-size:5em;
	line-height:3,8em;
	font-family:Helvetica;
	font-weight:100;
	color:#E2DBDB;
	margin:0em;
}

h2 {
	font-size:3em;
	line-height:3,8em;
	font-family:Helvetica;
	font-weight:100;
	color:#E2DBDB;
	margin:0em;
}

h3 {
	font-size:3em;
	line-height:3,8em;
	font-family:Helvetica;
	font-weight:100;
	color:#E2DBDB;
	margin:0em;
	text-align:center;
}

ul {
	margin:0px;
	padding:0px;
}

li {
	list-style:none;
	font-family:Helvetica;
	font-weight:100;
	color:#2F2D2C;
	margin:0em;
	padding:1.25em;
	margin:0.313 0em 0.313em 0em;
}

header {
		display:block;
		text-align:center;
		margin:2em;
}

#main {
		display:block;
		width:96%;
		max-width:1280px;
		margin:1.25em auto;
		padding:0em;
}

#main article {
		display:inline-block;
		width:50%;
		vertical-align: top;
		margin:0em;
		padding:0em;
		text-align:-moz-center;
}

#main article img {
		box-shadow:0px 0px 10px -5px #4c4948;
}

#main aside {
		display:inline-block;
		width:40%;
		margin-left:3%;
		padding:0em;
		vertical-align:top;
}

nav {
		display:block;
		height:2.5em;
		text-align:center;
}

nav ul {
		display:block;
}

nav ul li {
		display:inline;
		margin:0em 0.188em 0em 0.188em;
}





.avatar img {
		border-radius: 15%;
		display: block;
		width: 9em;
		
}

footer {
		display:block;
		text-align:center;
		position:fixed;
		bottom: 0;
		left: 0;
		right: 0;
		padding:1em;
}

footer ul {
		display:block;
		width:100%;
		max-width:1280px;
		text-align:left;
		margin:0px auto;
		
}

footer ul li a {
		display:inline;
		font-size:0.8em;
		line-height:2.8em;
		padding:0em 0.625em 0em 0.625em;
		
}
		
/* mobile style */
@media screen and (max-width:800px) {
	body {
		font-size:90%;
	}
}

@media screen and (max-width:550px) {
	body{
		font-size:65%;
		background-size: cover;
		background-image: url("bg.jpg");
		background-position: top center;
		
	}
	.facebook img {
		width:35%;
	}
	.insta img {
		width:35%;
	}
	
}