html,
body {
    margin:0;
    padding:0;
    height:100%;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400;

}
#container {
    min-height:100%;
    box-sizing: border-box;
    position:relative;
    color: #000;
}

#body {
    padding:10px;
    padding-bottom:60px;	/* Height of the footer */
}
.wrapper{
    box-sizing: border-box;
    padding: 10px;
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
}
#footer {
    text-align: center;
    position:absolute;
    bottom:0;
    width:100%;
    height:60px;			/* Height of the footer */
    background: #e7e7e7;
    line-height: 60px;
    color: #444444;
}
#footer a{
    font-size: 14px;
    text-decoration: none;
    color: #444444;
}


@media  (max-width: 768px) {
    #footer a{
        font-size: 12px;
    }
}