h1,h2,h3,.marcat{
	font-family: 'Bitter', 'Georgia', serif;
	font-weight: bold;
}
p{
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 1.1em;
}
.w3-bar-item{
	font-family: 'Barlow Semi Condensed', 'Arial', sans-serif;
	font-size: 1.2em;
	/*font-weight: bold;*/
}
footer{
	font-size: 0.8em;
}

#menu{
	box-shadow: 0px 2px 10px #888888;
}

.emfasi{
	font-size: 1.15em;
	color: #669900;
	margin-bottom: 50px;
	
}
.numero{
	font-size: 6em;
	font-family: 'Kameron', serif;
	font-weight: bold;
	color: darkgreen;
	text-shadow: 1px 1px 2px black, 0 0 50px yellow, 0 0 5px green;
}
.icon{
	text-align: center;
	margin-top: 10px;
}
.verd{
	color: #339933;
	font-family: 'Open Sans', 'Arial', sans-serif;
}
.gris{
	color: #555555;
}
.ombra{
	box-shadow: 2px 2px 20px 1px #888888;
}
.espai_sota{
	margin-bottom: 50px;
}
ul{
	list-style-type: circle;
	
}
 /* unvisited link */

li:not(:last-child) {
    margin-bottom: 5px;
}

a{
	 text-decoration: none;
}
a:link {
    color: green;
}

/* visited link */
a:visited {
    color: darkgreen;
}

/* mouse over link */
a:hover {
    color: gray;
}

/* selected link */
a:active {
    color: darkgray;
}

.container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  top: 20px;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  background-color: rgba(0,0,0,0.4);
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
background-color: rgba(0,0,0,0.4);
}