html {
    background: #f5f6f7 !important;
}
body {
    width: 100%;
    max-width: 750px;
    min-height: 100%;
    margin: 0 auto;
    background: #fff;
    overflow-x: hidden;
}
.menu-box {
    max-width: 750px;
    left: 50% !important;
    transform: translateX(-50%);
}
.footer,
footer {
    width: 100%;
    max-width: 750px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}
@media (min-width: 751px) {
    #menu {
        width: 100%;
        max-width: 750px;
        left: 50%;
        right: auto;
        transform: translate(-50%, -100%);
    }
    #menu.active {
        transform: translate(-50%, 0);
    }
}
@media (max-width: 750px) {
    html {
        background: #fff !important;
    }
    body {
        max-width: 100%;
    }
}