body {
    padding-top: 5rem;
}

html, body {
    height: 100%;
}

.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -60px;
}

.page-wrap:after {
    content: "";
    display: block;
}

.footer, .page-wrap:after {
    height: 60px;
}

.footer {
    bottom: 0;
    width: 100%;
    line-height: 60px;
    background-color: #f5f5f5;
}