html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

@media (max-width: 767px) {

    .content-wrapper {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    section > div:not(.content-wrapper) {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.page-store .content-wrapper,
    body.page-pricing .content-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 480px) {
    .content-wrapper {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    section > div:not(.content-wrapper) {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}