@media screen and (min-width: 768px) {
    .column-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .column-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .column-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .column-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .column-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .column-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .column-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .column-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .column-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .column-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .column-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .column-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (max-width: 767px) {
    [class^="column-md-"] {
        width: 100%;
        flex: 0 0 100%;
    }
}
