/* CSS Document */

@media screen and (max-width: 960px) {
	
	
}

@media screen and (max-width: 770px) {
	
body {
	font-size: 16px;
	}
	
header {
	height:110px;
	}
	
header .logo img {
	width: 280px;
	height: 96px;
	margin: 5px;
	}
	
header .apo-icon img {
	width: 75px;
	height: 76px;
	margin-top: 25px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	}
	
main .content {
	margin-right: 0;
	}
	
main .galerie {
	float: none;
	width: 96%;
	margin: 2%;
	}
	
main aside {
	float:none;
	font-size: 100%;
	width: auto;
	margin: 0px;
	}
	
}

@media screen and (max-width: 480px) {
	
body {
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
header,main,footer {
	width: 100%;
	border-radius: 0;
	}
	
main aside {
	border-radius: 0;
	}
	
header {
	height:90px;
	}
	
header .logo img {
	width: 220px;
	height: 76px;
	margin: 5px;
	}
	
header .apo-icon img {
	width: 55px;
	height: 56px;
	margin-top: 25px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px
	}
	
main .content ul {
	margin-left:5px;
	margin-right:5px;
	}
	
main {
	margin-top: 0px;
	}
	
}