<style type="text/css">
hgroup, section, nav, article, aside, header, footer, adress, main {display: block}


@media only screen and (max-width: 1024px) {
#wrapper {
	width: 100%;
}
nav {
	width: 20%;
	font-size: 20px;
}
div#home, div#wohnung, div#kontakt, div#impressum, div#datenschutz, {
	width: 80%;
	background-color: #B37F4B;
}
}

@media only screen and (max-width: 800px) {
header {
	text-align: center;
}
nav {
	width: 100%;
	text-align: center;
	font-size: 24px;
}
div#home, div#datenschutz, div#wohnung {
	width: 100%;
}
}

/************CSS Animation***********/

.animated { 
   -webkit-animation-name: fadeIn; 
           animation-name: fadeIn; 
   -webkit-animation-duration: 1s; 
           animation-duration: 1s; 
} 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

</style>
