body{
font-family: 'Quattrocento Sans', sans-serif;
margin: 0;
min-height: 100%; position: relative;
}
#content{width: 100%; }
#pres{width: 70%; margin: auto;}
#foto{float: left; width: 35%; margin-top: 10px;}
#foto img{width: 80%;}
#bio{float: left; width: 60%;}
#wwg{width: 100%; text-align: center; clear: both; margin-top: 10px;}
#footer{width: 100%; text-align: center; clear: both; margin-top: 50px; background-image: url(images/contact-section-bg.jpg); bottom: 0; height: auto; padding-top:5px;padding-bottom:5px;}
#logo img{width: 150px;}
.centro{color: #ff3131; font-size: 30px;}
#bio p{font-size: 14px; text-align: justify;}
.piccolo{font-size: 12px; margin-top: 0px;}
#footer h4{font-size: 25px; margin-bottom: 0px;}
.dati{line-height: 20px;}
.vibes{font-family: 'Great Vibes', cursive; font-size: 40px; color: #ff3131;}
#pres_mob{display: none}
a{font-weight: bold; color: #ff3131;}

@media only screen and (max-width: 800px) 
{#pres{display: none}
#pres_mob{display:block; width: 90%; margin: auto;}
#foto_mob{float:left; margin: 18px 20px 12px 0}
#bio_mob{width: auto; text-align: justify;}
}