html {background: #f6f6f6; }
html{margin: 0;
    padding:0; 
    height:100%;}
body{margin: 0 auto; 
    font-family: 'Ubuntu', sans-serif;
    text-align: center; 
    background: #f6f6f6; 
    width: 100%; 
    min-height:100%;
    position:relative;
}

/* Trick: */
body {
    position: relative;
  }
  
  body::after {
    content: '';
    display: block;
    height: 50px; /* Set same as footer's height */
  }

h1 {
    font-family: 'Ubuntu', sans-serif; 
    text-transform: uppercase; 
    font-weight:300;
    font-size: 28px; 
    color: #333333;
    padding-top:60px;
}

h2 {
    font-family: 'Ubuntu', sans-serif; 
    font-weight: 300; 
    font-size: 26px; 
    color:#333333;
    margin-top:100px;
}

.contatti {
    font-family: 'Ubuntu', sans-serif; 
    font-weight: 300; 
    font-size: 16px; 
    color:#333333;
    margin-top:30px;

}

.footer {
    font-family: 'Ubuntu', sans-serif; 
    font-weight: 300; 
    font-size: 13px; 
    color:#f6f6f6;
    background:#333333;
    padding-top:20px;
    position: absolute;
    bottom: -100px;
    width: 100%;
    height: 50px;
    margin-bottom:0;
}