@media (max-width: 600px) {
    .d-section-width-wide-and-tall, .d-section-width-wide, .d-section-width-large-xxx, .d-section-width-large-xx, .d-section-width-large-x, .d-section-width-large, .d-section-width-medium, .d-section-width-small, .d-section-width-small-x, .d-section-width-small-xx, .d-section-width-small-xxx, .d-section-width-tiny {
        flex-basis: 100%;
    }
}

@media (min-width: 600px) {
    .d-section-width-wide-and-tall,
    .d-section-width-wide {
        flex-basis: 100%;
    }
    .d-section-width-large-xxx {
        flex-basis: 95%;
    }
    .d-section-width-large-xx {
        flex-basis: 85%;
    }
    .d-section-width-large-x {
        flex-basis: 75%;
    }
    .d-section-width-large {
        flex-basis: 66.66%;
    }
    .d-section-width-medium {
        flex-basis: 50%;
    }
    .d-section-width-small {
        flex-basis: 33.3%;
    }
    .d-section-width-small-x {
        flex-basis: 25%;
    }
    .d-section-width-small-xx {
        flex-basis: 15%;
    }
    .d-section-width-small-xxx {
        flex-basis: 10%;
    }
    .d-section-width-tiny {
        flex-basis: 5%;
    }
}