@font-face {
    font-family: Helv;
    src: url("../css/LiberationSans-Regular.ttf");
}
html, body { margin: 0; padding: 0; }
html { background-color: #e2e2e2;}
body { width: 995px; height: 665px; background-image: url("../img/bk_img.png"); background-position: top center; position: absolute; top:0; left:50%; margin-left: -497px; }
header, footer { color: #FFF; font-family: Lato;color: #333333;}

header #social { position: absolute; top:10px; list-style: none; margin: 0 0 0 330px; padding: 0; left:50%;}
header #social li { float: left; margin: 0; padding: 0 5px; list-style: none; border-radius:5px;}
header #social img { width: 30px; height: 30px; border-radius:10px;}

#intro { margin-top:670px; margin-bottom:20px; text-align:center; font-family: Lato;color: #333333;}
#titolo { margin-bottom: 10px; font-size: 1.5em; text-align:center; font-family: Lato;color: #333333; text-transform:uppercase;}
#contatti img {width: 20px; height: 20px; border-radius:10px;}
h1, h2, h3 { margin: 0; font-weight: normal; font-family: Lato;color: #333333;}
h1 { font-size: 1.5em; margin-top:10px; margin-bottom:10px; text-align:center; font-family: Lato;color: #333333;}
h2 { font-size: 1.2em; text-align:center; margi font-family: Lato;color: #333333;}
h3 { font-size: .8m;}
p { margin: 10px 120px 20px 120px ; text-align:center; font-size: 0.9em; font-family: Lato;color: #333333;}
footer { margin-top:20px; font-size: .9em; text-align:center; font-family: Lato;color: #333333;}
a {  text-decoration: none;color: #222222; }
span { width: 100%;}