* {margin:0; padding:0;}
a img { border: none; outline:none; } 

/* h1 {    font: bold 10px/10px arial, helvetica, sans-serif !important;
	position:absolute;
	padding:0.5em 0 0.5em 0;
	z-index:1;
	}*/
h2 {	font: bold 15px/20px arial, helvetica, sans-serif;
	padding:0.5em 0 0.5em 0;
	}

h3 { font: bold 13px/18px arial, helvetica, sans-serif;
     padding:0.5em 0 0.5em 0;
	}
	
ul {	padding-left:2em;}

#hello {

	}

.name {	text-align:right;
	font: normal 11px/15px arial, helvetica, sans-serif;
	}

.statement{ text-align:right;
	font: italic 13px/15px arial, helvetica, sans-serif;
	}
@media (max-width: 700px) {
.statement {text-align:center;}
}

@media (min-width: 1200px) {
.container {
max-width: 700px !important;
}
#header{
height:100px !important;
}
}

@media(min-width: 992px) {
.container {
max-width: 700px !important;
}
#header{height:100px !important;}
}

@media(min-width: 768px) {
.container {
max-width: 700px !important;
}
#header{height:100px !important;}
}



.container, #container{
	margin: 0px auto;
	padding: 0;
	position: relative;
	}

#header{
	min-height:60px;
	margin: 0 0 20px 0;
	display:block;
	}

#head{position:absolute;
	}

#content{
	display:block;
	}

#footer {
	font: normal 10px/15px arial, helvetica, sans-serif;
	}

#footright{float:right;}

#footer a{
	color: #222222;
	text-decoration:none;
	}

.kursiv{
font-style:italic;
}

img {
max-width:100%;
z-index:2;
}

.social-container {
padding: 1em 0;
}
.social-container .links {
margin: 5px 0 20px 0;
text-align: center;
}
.social-container .links a {
margin: 0 20px;
color: #ccc;
text-decoration: none;
font-size: 30px;
font-weight: bold;
text-shadow: 0px 2px 3px #fff;
}
.social-container .links a:hover {
color: #ED452A;
}