/*---------css reset-------------
--------------------------------*/
* {
	padding: 0; margin: 0; font-size: 100%; font-weight: normal; color:black;}
ul,ol {list-style: none;
}

b,strong {
	font-weight: bold;
}
img, a img {
	border: none;
}

/*---------Schrift-------------
--------------------------------*/

html {
font-size: 100%;
}

body {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
color: black;
}

nav li a:hover {
color: red;
cursor: pointer;
}

nav {
text-align: center;
}

section a:hover {
color: red;
cursor: pointer;
}

/*---------layout-------------
--------------------------------*/

#container {
width: 100%;
margin: 0px;
background-color: aliceblue;
min-width: 100%; min-height: 100%;
}

nav ul {
padding-top: 20px;
padding-bottom: 20px;	
}

header {
background-color: aliceblue;	
height: 80px;
width: 100%;
position: fixed;
padding-top: 10px;	
border-bottom: 2px solid;
border-top: 2px solid;	
}



nav li {
display: inline;
font-size: 1.5rem;
padding: 7px 15px 15px 15px;
border-right: solid;
}

nav li .first {
border-right: solid;
border-left: solid;
}

section {
padding: 10px 0px 10px 0px;	
}

main {
padding: 140px 30px 30px 30px;
font-size: 1rem;
line-height: 1.2rem;	
}



h2{
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 2rem;
}

footer {
padding: 3em;
background-color: aliceblue;	
}

figure {
margin: 0;
}


img {
max-width: 100%;
height: auto;	
border: none;
padding: 40px 0px;
margin: 0 auto;
display: block;
}


h1 {
	color: black;
	font-size: 1.5rem;
	text-align:left;
    font-weight: bold;
	text-decoration: underline;
	line-height: 4rem;
}



@media screen and (max-width: 650px)
{	
	html {
		font-size: 100%;
	}	
main {
	font-size: 1rem;
	}
	
	footer {
padding: 0;
}
	
	h1 {
font-size: 1.2rem;
text-align:left;
	}
}

@media screen and (max-width: 1200px)
{	
	
	h1 {
font-size: 1.2rem;
text-align:left;
	}
	}