body {
    height: 100%;
}

body > #wrap {
    flex-grow: 1;
    padding: 0;

    min-height: calc(100% - 60px)
}

@media all and (max-width: 550px) {
    body > #wrap {
        min-height: calc(100% - 100px)
    }
}

#main {
    overflow: auto;
    padding-bottom: 30px;
}

.footer {
    width: 100%;
    min-height: 60px;
    clear: both;
}