.boldr-dividing-panel-layout {
    max-width: var(--boldr-columns-12);
    margin: 0 auto;
}

.boldr-dividing-panel-layout-element {
    flex: 1 1 0;
}

.boldr-dividing-panel-layout-element-content {
    flex: 1 1 0;
}

@media screen and (min-width: 700px) {
    .boldr-dividing-panel-layout-element-content + .boldr-dividing-panel-layout-element-even {
        margin-left: var(--boldr-spacers-1);
    }

    .boldr-dividing-panel-layout-element-content + .boldr-dividing-panel-layout-element-odd {
        margin-top: var(--boldr-spacers-1);
    }

    .boldr-dividing-panel-layout-element-odd {
        display: flex;
        align-items: stretch;
    }

    .boldr-dividing-panel-layout-element-even {
        display: flex;
        flex-direction: column;
    }

    .boldr-dividing-panel-layout-element-even:not(.boldr-dividing-panel-layout-element-last) > .boldr-dividing-panel-layout-element-content {
        flex: 1 1 0;
        max-height: 50%;
    }
}

@media screen and (max-width: 699px) {
    .boldr-dividing-panel-layout-element-content + .boldr-dividing-panel-layout-element-odd {
        margin-left: var(--boldr-spacers-1);
    }

    .boldr-dividing-panel-layout-element-content + .boldr-dividing-panel-layout-element-even {
        margin-top: var(--boldr-spacers-1);
    }

    .boldr-dividing-panel-layout-element-even {
        display: flex;
        align-items: stretch;
    }

    .boldr-dividing-panel-layout-element-odd {
        display: flex;
        flex-direction: column;
    }

    .boldr-dividing-panel-layout-element-odd:not(.boldr-dividing-panel-layout-element-last) > .boldr-dividing-panel-layout-element-content {
        flex: 1 1 0;
        max-height: 50%;
    }
}