* {box-sizing: border-box; margin: 0; padding: 0;}
body {background-color: #fff; font-family: "Arial", sans-serif;}
#menuButton {padding: 10px; position: fixed; top: 0px; right: 175px; z-index: 90; background: skyblue;}
.icon-bar {display: block; width: 22px; height: 3px; background: white; margin-bottom: 4px; cursor: pointer;}
nav {width: 100%; height: 100%; position: fixed; top: 0; right: 0; background: white; z-index: 69; transition: .3s; transform: translateX(-100%)}
#menu {transform: translateX(0); position: relative; left: 35.5%; top: 0px; text-align: center; list-style: none;}
#menu ul li {list-style: none; position: relative; top: 75px; left: 15px;}
nav ul {list-style: none; padding: 60px;}
nav li {font-size: 30px; color: #fff; }
.footer a {text-align: center; margin: auto;}
.footer ul li {list-style: none;}

#menu li  .hidden{margin:auto;display:block;position:absolute;margin-left:300px;top:25px;left:0;background:none;visibility:hidden;border-right:none;width:auto;height:auto;}
li:hover ul.hidden {
            z-index: 1;
            top: 40px;
			display: block;
			position: absolute;
         }
         .hidden li{
            float: none;
            width: 100%;
         }
/* link sottomenu */
#menu li .hidden li a{width:auto;border-right:none;}

/* animazione per il passaggio sopra agli elementi del menu */
#menu li:hover .hidden{margin-top:-100px;visibility:visible;}

.header {height: 400px; background-image: url('../altre/022.jpg'); width: 100%; position: fixed;}
.footer {width: 100%; height: 400px; margin: auto; top: 0px; position: relative; text-align: center; background-image: url('../altre/022.jpg');}
.footer li a {text-align: center; margin: auto; position: relative; color: black; list-style: none; display: block; text-decoration: none; float: left;
padding: 50px; left: 340px; background: none; font: bold 15px sans-serif}
.footer li a:hover {background: none; text-decoration: 3px underline;}
.pigreco a {position: relative; top: 340px; left: -380px; margin: auto; text-align: center; background: none; color: black;}
.pigreco a:hover {background: black; color: skyblue; text-decoration: none;}