html {
    min-height: 100%;
    position: relative;
}
body {
    /*margin: 0;
    margin-bottom: 40px;*/
    background-color: #eff2f5;
}
footer {
    position: absolute;
    bottom: 0;
    /*width: 100%;*/
}
.tittle1 {
    font-family: SFProDisplay-Regular, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 32px;
    width: 500px;
}
.tittle2 {
    font-family: SFProDisplay-Regular, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: normal;
    width: 500px;
}
.tittle3 {
    font-family: SFProDisplay-Regular, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    width: 500px;
}
.tittle4 {
    font-family: SFProDisplay-Regular, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    width: 500px;
}