body {font-family: "Futura", Verdana, sans-serif;}


h1 {color: green;}

h3 {color: olivedrab;}


body{ background-color: rgba(240, 250, 240,0.8); }



#punteggio {color: gold;}

.header {
	font-family: Franklin Gothic Demi Cond, Arial, Verdana, sans-serif;
	background-color: #EBD367;
	text-align: center;
	text-transform: uppercase;
	padding: 5%;
	color: #46433D;
	font-size: 300%;
}


div {width: 450px;
    margin: 20px auto 0 auto;
    /*border: 2px solid #ff0000;*/
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;}

h1.points {
	font-family: Franklin Gothic Demi Cond, Arial, Verdana, sans-serif;
	color: #46433D;
	text-transform: uppercase;
	margin-bottom: 2%;
}

.pillola {
	font-family: "Futura", Arial, Verdana, sans-serif;
	text-align: left;
	text-transform: none;
	padding: 5%;
	color: #46433D;
	font-size: 150%;
}

p.pillola { 
    text-align: justify;
    line-height: 1.6em;
    letter-spacing: 0.1em;}

h2.home a{
	position: absolute;
    left: 19%;
	color: #F9F8F4;
	text-transform: uppercase;
	text-decoration: none;
	text-align: le;
	background-color: #46433D;
	padding: 3%;
	font-family: "Futura", Arial, Verdana, sans-serif;
}

h2.avanti a{
	position: absolute;
    right: 19%;
	color: #F9F8F4;
	text-transform: uppercase;
	text-decoration: none;
	text-align: le;
	background-color: #46433D;
	padding: 3%;
	font-family: "Futura", Arial, Verdana, sans-serif;
}

img.immagine {
	width: 100%;
	margin: 0 auto;
    
}

.responsive-image{
    max-width: 100%;
}