* { box-sizing: border-box; }
.inner { max-width: 900px; margin: 0 auto; padding: 0px 20px; position: relative; background-color:#fff; border:1px solid black; }
nav > ul { float: left; list-style:none; }
nav > ul > li { text-align: center; line-height: 24px; margin-left: 16px; margin-bottom: 10px; width: 94px; background:#c93; float: left; border:1px solid black; }
nav ul li:hover { position: relative; }
nav ul li:hover > a { color: #ddd; background:#960; }
nav > ul > li > a { display: block; outline: none; text-decoration: none; }
nav a { color: #00f; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; }
nav a:visited { color: #00f; }
[type="checkbox"], label { display: none; }
@media screen and (max-width: 700px) {
 nav ul { display: none; }
 label { display: block; background: #222; width: 40px; height: 40px; cursor: pointer; position:absolute; }
 label:after{content:''; display:block; width:30px; height: 5px; background:#222; margin: 0px 5px; box-shadow: 0px 7px 0px #777, 0px 17px 0px #777, 0px 27px 0px #777}
 [type="checkbox"]:checked ~ ul { display: block; z-index: 9999; }
 nav a { color: #00f; }
 nav ul li { display: block; float: none; text-align: left; background: #c93; text-indent: 4px; }
 nav > ul > li { margin-top: 0px; margin-left: 0px; margin-bottom: 2px; margin-right: 4px; }
}
.flex {max-width: 100%}
#float { float:left; width: 152px; height: 160px; border: 1px solid #000; padding: 0.3em; margin: 6px; background: #fff; overflow:hidden; position: relative;}
body {background-color: #9ff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; }
.grande { font-family:"Courier New", Courier, monospace; font-size:1.5em; }
h1 {font-family:"Courier New", Courier, monospace; font-size:1.8em; color: #f00;} 
.medio { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; }
.normale { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; }
.piccolo { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; }
a { text-decoration: none; color: #00f; }
a:hover { text-decoration: underline; color: #00f; }
a:visited { color: #00f; }
.nascosto  {display:none;}