/* WEBPAGE SETTINGS */

.content {                                  																	/* identifies the margin of the webpage text */
  max-width: 800px;
  margin: auto;
  line-height: 1.5;
  font-size: 13pt;
  /*width: 970px ;
  	margin: 0 auto ;
  	text-align: left ;
  	border: 2px solid #ab4 ;
  	background: #fff ;
  	margin-top:4em;
  	max-width:95%;*/
}



h1 {
		text-align:center;
		font-weight:bold;
}

h2 {
	text-align:center;
	font-weight:bold;
}

h3 {
	text-align:center;
	font-weight:bold;
}

/*   .back {   background-image: url("Sfondo.jpeg");   }               										/* Background picture */    	    




.container {      																							 /* container beside picture  */
	height: 120px ;
	width: 800px;
	text-align: left ;
	max-width:95%;
}

* {      																									  /* Font webpage */
	color: #111;
	font-family: "Open sans", "Helvetica Neue", "HelveticaNeue", Verdana, Helvetica, Arial, sans-serif;
	font-weight: 400; /* snellisce gli header */
}

a { color: #0078CF; font-weight: normal;
	 text-decoration: underline;
	}



/* NAVIGATION BAR */

.navigationbar { 																							   /* For ul  */
  list-style-type: none; /*no bullet*/
  margin: 0;
  padding: 0; 
  overflow: hidden;
  background-color: #333;
}

.nav { 
  background-color: #333;
    text-align: center;
	margin: 0;
	  padding: 0px;
	   list-style-type: none;  /*no bullets*/
	   padding: 5px 5px;
  }
}

.navli {
	display: inline-block;
	font-size: 100px;
	  padding: 100px;
}

.topnav-left {           																					   /* Right-Left alignment */
  float: left;
 
}
.topnav-right {
  float: right;

}

.itembutton {                                          
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  height: 20px; 
  text-decoration: none;
}

.changecolorbutton:hover {     																				/* Change coluor button when pointer is upon it */
  background-color: #111;
}

.active {                  																					/* When you click the button changes colour */
  background-color: #111;
  color: white;
}
	

.brsmall {
           display: block;
           margin-bottom: 0.2cm;
       }
         
.brmedium {
           display: block;
           margin-bottom: 1em;
       }
         
.brlarge {
           display: block;
           margin-bottom: 2em;
       }


	   /*Mobile phone rendering +10px margin∂

	   .sqs-block-html {
	     margin: 10px;
	   }
	   */