.layout {
    width: 75rem;
    margin: 0 auto;
    background: #FFF;
    position: relative;
    z-index: 2;
}
@media all and (min-width: 1024px) {
    .layout {
        -webkit-box-shadow: 0 10px 14px rgba(0, 0, 0, 0.03);
        box-shadow: 0 10px 14px rgba(0, 0, 0, 0.03);
    }
}
@media all and (max-width: 1023px) {
    .layout {
        width: 100vw;
    }
}

.layout-content:before, .layout-content:after {
    content: "";
    display: table;
}
@media all and (max-width: 1023px) {
    .layout-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100vw;
        flex: 0 0 100vw;
        width: 100vw;
        overflow: hidden;
    }
}

.promo-background {
    background: #F8F4EF;
    background-size: 1920px auto;
}
@media all and (min-width: 1024px) {
    .promo-background:not(.promo-background_mainpage):not(.promo-background_registration):not([data-skip-branding]) {
        padding-top: 12.5rem;
    }
}