.dcn-page-home {
    display: flex;
    flex-flow: row nowrap;
    gap: 32px;
    justify-content: space-between;
    width: 100%;
}

.dcn-page-home .dcn-page-home-left {
    flex: 2;
}

.dcn-page-home .dcn-page-home-center {
    flex: 7;
}

.dcn-page-home .dcn-page-home-right {
    flex: 3;
    max-width: 274px; /* needed to override some craziness with legacy styles */
}

@media screen and (max-width: 1023px) {
    .dcn-page-home {
        flex-direction: column;
        justify-content: flex-start;
        max-width: 100%;
    }

    .dcn-page-home .dcn-page-home-left {
        order: 2;
    }

    .dcn-page-home .dcn-page-home-center {
        order: 1;
        flex: 1 0 auto;
        max-width: 100%;
    }

    .dcn-page-home .dcn-page-home-right {
        order: 3;
        width: 100%;
        max-width: unset;
    }
}