/* MEDIA QUERIES */


@media only screen and (max-width: 768px) {
  
 html,
body{
	width: 100%;
	height: 100%;
	margin: 0px;
	background-color: #000;
	background-image: url("");
	background-size: 90px 600px;
	background-repeat: no-repeat;
	background-position: 10px 20px;
	

}
 
main.col1>div>div>section img {
	max-width: 100%;
	height: auto;
	 display: block;

} 

 	
	
	
main>div nav {
	
	display: none;
}  

main div nav div {
	width: 100%;
   
}


main div {
	
   display: block;
}

main nav > div {
    width: 75%;
    height: 50px;
    display: table;
}

main>div>nav>div {
	
	margin: auto;
}
  
  
main>div>nav {
/*width: 100%; */
/*
position: fixed;
	top: 0px;
	right: 0px;
	width: 100%;
	*/
	/* width: 100%; */


/* float:left; */

	width: 100%;
	
	text-align: center;
  display: block;

}

main>div>nav>div #menu {
	padding:0px;
	width: 100%;
  background: none;
  border: none;
  border-radius: 0;  
  box-shadow: none;
  text-align: center;
  margin:auto;
  display: none;  
}
  
/* rendiamo gli elementi dei menu elementi di blocco */  
  
main>div nav div #menu ul li {

width: 100%;

}
  
/* impostiamo la larghezza massima per gli elementi dei menu e i links */  
  
main>div nav div #menu ul li, main>div nav div #menu ul li a {

  padding-right: 0;
  padding-left: 0;
  
  width: 100%;
 
}
  
main>div>nav div #menu li .hidden li, main>div>nav div #menu li .hidden li a {
  width: 100%;
  
}

/* rendiamo visibili gli elementi del sub menu solo al passaggio del mouse */  
  
main>div>nav>div #menu li .hidden li {
  display: none;
}
 
main>div>nav>div #menu li:hover .hidden li {
  display: block;
}  

/* aumentiamo la grandezza dei links */ 
  
  
/*  
div#wrapper >div>header>div>div>nav>div #menu li a {
  font: bold 0.9em Arial, Helvetica;
} 
  */
/* resettiamo la posizione degli elementi del menu */  
  
main>div nav div #menu li {
  
		width: 100%;
		display: block;
  
}  
  
/* resettiamo la posizione del sub menu e lo rendiamo visibile */  
/*
div#wrapper >div>header>div>div>nav>div #menu li .hidden {
  position: static;

  filter:Alpha(opacity=100); */
  /* IE8 and earlier */
/*
  opacity: 1;
  visibility: visible;
  
}
*/
  
/* rimuoviamo bordo e ombreggiatura dai links del menu */
  
/*
  div#wrapper >div>header>div>div>nav>div #menu li a {
  border: none;
  box-shadow: none;  
} 

*/ 
  
/* nessuna animazione al passaggio del mouse */  
  
main>div>nav>div #menu li:hover .hidden {
  margin: 0;
} 
  
/* rimuoviamo il bordo dai links del sub menu */  
  
main>div>nav>div #menu li .hidden li a {
  border: none;
}
  
/*diamo un colore di sfondo agli elementi del menu e del sub menu */
  
main>div>nav>div #menu li {
  background-color: black;
}
  
main>div>nav>div #menu li .hidden li {
  background-color: #003366;
}  
  
/* mostriamo il pulsante del menu */
	
main>div nav div .showMenu {

  display: block;
}
main.col1>div>div>section {
		padding: 1px 10%;
		margin: 15px;  
		}
  
  div#wrapper div > footer > p {
    margin-left: 11%;
	color: white;
    position: absolute;
}