* { margin:0; padding:0; list-style:none; box-sizing:border-box;
	font-family: Arial, sans-serif; }

header { width:100%; float:left; background: grey;  margin-bottom: 15px;}
body { width:100%; float:left; background: lightgrey;}
section { padding-left: 10px; }


.logo {	display:block; width:100%; padding:1em; text-decoration:none; color:white; }

nav { 	width:100%; float:left; background:grey; height:0; overflow:hidden;
	transition:height .2s ease-in-out; }

nav li {float:left; width:100%; }

nav a {	display:block; height:100%; width:100%; padding:1em; text-decoration:none;
	color:white; border-top: 1px solid rgba(0,0,0,0.2); }

nav a:hover { background:rgba(0,0,0,0.2); }

.nav-toggle { background:rgba(0,0,0,0.2); display:block; position:absolute; right:0;
	top:0; padding:1em; color:white; cursor:pointer; text-decoration:none; }

.nav-toggle:hover { background:rgba(0,0,0,0.4); }

#nav-open:target .nav-closed { display:block; }

.nav-closed,
#navi-closed:target .nav-closed,
#nav-open:target .nav-open { display:none; }

@media screen and (max-width: 799px) { #nav-open:target nav { height:410px; } }

@media screen and (min-width:800px) { .nav-toggle {display:none !important;}
	.logo { width:auto; float:left; }
	nav { float:right; width:auto; display:block !important; height:auto; }
	nav li { width:auto; padding:0; }
}

div.polaroid { width: 400px;
padding: 0px 0px 0px 0px;
    border: 0px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #aaaaaa; }
div.container { padding: 10px; }