p.contform{
padding:10px 0px;
margin:0;
font-family:'Bree Serif', serif;
font-size:1.5em;
color:rgba(70,70,70,1.0);
}

form#formail{
margin:5px 3% 0px;
padding:20px 6%;
width:94%;
background-color:rgba(255, 190, 40, 1.0);
}

input[type=text]{
margin:0;
padding:4px;
width:100%;
background:white none repeat scroll 0 0;
border:1px solid #fff;
outline:none;
font-family: 'Source Sans Pro', sans-serif;
font-size:1.5em;
}

textarea{
margin:0;
padding:4px;
width:100%;
height:200px;
background:white none repeat scroll 0 0;
border:1px solid #fff;
outline:none;
font-family: 'Source Sans Pro', sans-serif;
font-size:1.5em;
}

#risposta{
display:none;
font-family: 'Source Sans Pro', sans-serif;
border:1px solid white;
padding:10px;
margin-bottom:5px;
font-size:1em;
}

#invia{
cursor:pointer;
background:rgba(255, 160, 0, 1.0);
padding:10px;
margin:10px 0;
width:100%;
border:none;
outline:none;
transition:0.5s;
}
#invia:hover{
background:rgba(255, 150, 0, 1.0);
}

input[type=submit]{
font-family:'Bree Serif', serif;
font-size:1.5em;
color:rgba(70,70,70,1.0);
}


/* CHECK BOX */
p.consenso{
font-family: 'Source Sans Pro', sans-serif;
font-weight:300;
margin:0 5px;
color:#000;
text-align:left;
font-size:1.0em;
}
p.consenso a.cons,
p.consenso a.cons:hover,
p.consenso a.cons:visited{
font-family: 'Source Sans Pro', sans-serif;
margin:0;
color:#000;
text-decoration:underline;
text-align:left;
font-size:1.0em;
}
p.acconsento{
margin:0;
color:#000;
font-family: 'Source Sans Pro', sans-serif;
text-align:left;
font-size:1.0em;
}

p:not(#foo) > input[type='checkbox'], /* Nasconde checkbox e radio button */
p:not(#foo) > input[type='radio'] {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}
p:not(#foo) > input[type='checkbox'] + label, /* Stili per le label */
p:not(#foo) > input[type='radio'] + label {
display: inline-block; /* Display */
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; /* Border-box */
width:30px; /* Larghezza della label = all'immagine */
height:30px; /* Altezza della label = all'immagine */
padding: 6px 0 6px 30px; /* Padding per lasciare spazio allo sfondo (a sinistra) e per posizionare al meglio il testo rispetto al controllo */
cursor:pointer; /* Imposta il cursore */
}
p:not(#foo) > input[type='checkbox'] + label { /* Imposta lo sfondo iniziale per i checkbox e la sua posizione rispetto allo sprite */
background: url('sprite.png') 0 0;
}
p:not(#foo) > input[type='checkbox']:checked + label { /* Modifica la posizione dello sfondo per i checkbox quando sono attivati */
background-position: 0 -60px;
}
p:not(#foo) > input[type='radio'] + label { /* Imposta lo sfondo iniziale per i radio button e la sua posizione rispetto allo sprite */
background: url('sprite.png') 0 -120px;
}
p:not(#foo) > input[type='radio']:checked + label { /* Modifica la posizione dello sfondo per i radio button quando sono attivati */
background-position: 0 -180px;
}

@media only screen and (max-width: 800px){

	form#formail{
	margin:20px 3% 30px;
	padding:20px 6%;
	width:94%;
	}

	textarea{
	margin:0;
	padding:4px;
	width:100%;
	height:150px;
	background:white none repeat scroll 0 0;
	border:1px solid #fff;
	outline:none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:1.5em;
	}
	
}