.mq20-wrapper,
.mq20-wrapper--wide {
    width: 100%;
}

.mq20-wrapper {
    max-width: var(--width--desktop);
    margin: 0 auto;
    padding: 0 24px;
}

.mq20-wrapper--wide {
    padding: 0 40px;
}

.mq20-wrapper--full {
    padding: 0 48px;
}

.main-content {
    margin-top: 0;
    padding-top: 100dvh;
}

.mq20-header--inverse + .main-content {
    padding-top: 0;
}

@media screen and (max-width: 1024px) {
    .mq20-wrapper--wide {
        padding: 0 16px;
    }

    .main-content {
        padding-top: 100dvh;
    }
}