/* Intermediate columns (.5) */
.col-0-5 {
    flex: 0 0 4.166666667%;
    max-width: 4.166666667%;
}

.col-1-5 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

.col-2-5 {
    flex: 0 0 20.833333333%;
    max-width: 20.833333333%;
}

.col-3-5 {
    flex: 0 0 29.166666667%;
    max-width: 29.166666667%;
}

.col-4-5 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
}

.col-5-5 {
    flex: 0 0 45.833333333%;
    max-width: 45.833333333%;
}

.col-6-5 {
    flex: 0 0 54.166666667%;
    max-width: 54.166666667%;
}

.col-7-5 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
}

.col-8-5 {
    flex: 0 0 70.833333333%;
    max-width: 70.833333333%;
}

.col-9-5 {
    flex: 0 0 79.166666667%;
    max-width: 79.166666667%;
}

.col-10-5 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
}

.col-11-5 {
    flex: 0 0 95.833333333%;
    max-width: 95.833333333%;
}

/* Responsive sm */
@media (min-width: 576px) {
    .col-sm-0-5 {
        flex: 0 0 4.166666667%;
        max-width: 4.166666667%;
    }

    .col-sm-1-5 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-sm-2-5 {
        flex: 0 0 20.833333333%;
        max-width: 20.833333333%;
    }

    .col-sm-3-5 {
        flex: 0 0 29.166666667%;
        max-width: 29.166666667%;
    }

    .col-sm-4-5 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }

    .col-sm-5-5 {
        flex: 0 0 45.833333333%;
        max-width: 45.833333333%;
    }

    .col-sm-6-5 {
        flex: 0 0 54.166666667%;
        max-width: 54.166666667%;
    }

    .col-sm-7-5 {
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }

    .col-sm-8-5 {
        flex: 0 0 70.833333333%;
        max-width: 70.833333333%;
    }

    .col-sm-9-5 {
        flex: 0 0 79.166666667%;
        max-width: 79.166666667%;
    }

    .col-sm-10-5 {
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }

    .col-sm-11-5 {
        flex: 0 0 95.833333333%;
        max-width: 95.833333333%;
    }
}

/* Responsive md */
@media (min-width: 768px) {
    .col-md-0-5 {
        flex: 0 0 4.166666667%;
        max-width: 4.166666667%;
    }

    .col-md-1-5 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-md-2-5 {
        flex: 0 0 20.833333333%;
        max-width: 20.833333333%;
    }

    .col-md-3-5 {
        flex: 0 0 29.166666667%;
        max-width: 29.166666667%;
    }

    .col-md-4-5 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }

    .col-md-5-5 {
        flex: 0 0 45.833333333%;
        max-width: 45.833333333%;
    }

    .col-md-6-5 {
        flex: 0 0 54.166666667%;
        max-width: 54.166666667%;
    }

    .col-md-7-5 {
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }

    .col-md-8-5 {
        flex: 0 0 70.833333333%;
        max-width: 70.833333333%;
    }

    .col-md-9-5 {
        flex: 0 0 79.166666667%;
        max-width: 79.166666667%;
    }

    .col-md-10-5 {
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }

    .col-md-11-5 {
        flex: 0 0 95.833333333%;
        max-width: 95.833333333%;
    }
}

/* Responsive lg */
@media (min-width: 992px) {
    .col-lg-0-5 {
        flex: 0 0 4.166666667%;
        max-width: 4.166666667%;
    }

    .col-lg-1-5 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-lg-2-5 {
        flex: 0 0 20.833333333%;
        max-width: 20.833333333%;
    }

    .col-lg-3-5 {
        flex: 0 0 29.166666667%;
        max-width: 29.166666667%;
    }

    .col-lg-4-5 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }

    .col-lg-5-5 {
        flex: 0 0 45.833333333%;
        max-width: 45.833333333%;
    }

    .col-lg-6-5 {
        flex: 0 0 54.166666667%;
        max-width: 54.166666667%;
    }

    .col-lg-7-5 {
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }

    .col-lg-8-5 {
        flex: 0 0 70.833333333%;
        max-width: 70.833333333%;
    }

    .col-lg-9-5 {
        flex: 0 0 79.166666667%;
        max-width: 79.166666667%;
    }

    .col-lg-10-5 {
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }

    .col-lg-11-5 {
        flex: 0 0 95.833333333%;
        max-width: 95.833333333%;
    }
}

/* Responsive xl */
@media (min-width: 1200px) {
    .col-xl-0-5 {
        flex: 0 0 4.166666667%;
        max-width: 4.166666667%;
    }

    .col-xl-1-5 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-xl-2-5 {
        flex: 0 0 20.833333333%;
        max-width: 20.833333333%;
    }

    .col-xl-3-5 {
        flex: 0 0 29.166666667%;
        max-width: 29.166666667%;
    }

    .col-xl-4-5 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }

    .col-xl-5-5 {
        flex: 0 0 45.833333333%;
        max-width: 45.833333333%;
    }

    .col-xl-6-5 {
        flex: 0 0 54.166666667%;
        max-width: 54.166666667%;
    }

    .col-xl-7-5 {
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }

    .col-xl-8-5 {
        flex: 0 0 70.833333333%;
        max-width: 70.833333333%;
    }

    .col-xl-9-5 {
        flex: 0 0 79.166666667%;
        max-width: 79.166666667%;
    }

    .col-xl-10-5 {
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }

    .col-xl-11-5 {
        flex: 0 0 95.833333333%;
        max-width: 95.833333333%;
    }
}

/* Intermediate columns (.4) */
.col-0-4 {
    flex: 0 0 3.333333333%;
    max-width: 3.333333333%;
}

.col-1-4 {
    flex: 0 0 11.666666667%;
    max-width: 11.666666667%;
}

.col-2-4 {
    flex: 0 0 20%;
    max-width: 20%;
}

.col-3-4 {
    flex: 0 0 28.333333333%;
    max-width: 28.333333333%;
}

.col-4-4 {
    flex: 0 0 36.666666667%;
    max-width: 36.666666667%;
}

.col-5-4 {
    flex: 0 0 45%;
    max-width: 45%;
}

.col-6-4 {
    flex: 0 0 53.333333333%;
    max-width: 53.333333333%;
}

.col-7-4 {
    flex: 0 0 61.666666667%;
    max-width: 61.666666667%;
}

.col-8-4 {
    flex: 0 0 70%;
    max-width: 70%;
}

.col-9-4 {
    flex: 0 0 78.333333333%;
    max-width: 78.333333333%;
}

.col-10-4 {
    flex: 0 0 86.666666667%;
    max-width: 86.666666667%;
}

.col-11-4 {
    flex: 0 0 95%;
    max-width: 95%;
}

/* Responsive sm */
@media (min-width: 576px) {
    .col-sm-0-4 {
        flex: 0 0 3.333333333%;
        max-width: 3.333333333%;
    }

    .col-sm-1-4 {
        flex: 0 0 11.666666667%;
        max-width: 11.666666667%;
    }

    .col-sm-2-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-sm-3-4 {
        flex: 0 0 28.333333333%;
        max-width: 28.333333333%;
    }

    .col-sm-4-4 {
        flex: 0 0 36.666666667%;
        max-width: 36.666666667%;
    }

    .col-sm-5-4 {
        flex: 0 0 45%;
        max-width: 45%;
    }

    .col-sm-6-4 {
        flex: 0 0 53.333333333%;
        max-width: 53.333333333%;
    }

    .col-sm-7-4 {
        flex: 0 0 61.666666667%;
        max-width: 61.666666667%;
    }

    .col-sm-8-4 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col-sm-9-4 {
        flex: 0 0 78.333333333%;
        max-width: 78.333333333%;
    }

    .col-sm-10-4 {
        flex: 0 0 86.666666667%;
        max-width: 86.666666667%;
    }

    .col-sm-11-4 {
        flex: 0 0 95%;
        max-width: 95%;
    }
}

/* Responsive md */
@media (min-width: 768px) {
    .col-md-0-4 {
        flex: 0 0 3.333333333%;
        max-width: 3.333333333%;
    }

    .col-md-1-4 {
        flex: 0 0 11.666666667%;
        max-width: 11.666666667%;
    }

    .col-md-2-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-md-3-4 {
        flex: 0 0 28.333333333%;
        max-width: 28.333333333%;
    }

    .col-md-4-4 {
        flex: 0 0 36.666666667%;
        max-width: 36.666666667%;
    }

    .col-md-5-4 {
        flex: 0 0 45%;
        max-width: 45%;
    }

    .col-md-6-4 {
        flex: 0 0 53.333333333%;
        max-width: 53.333333333%;
    }

    .col-md-7-4 {
        flex: 0 0 61.666666667%;
        max-width: 61.666666667%;
    }

    .col-md-8-4 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col-md-9-4 {
        flex: 0 0 78.333333333%;
        max-width: 78.333333333%;
    }

    .col-md-10-4 {
        flex: 0 0 86.666666667%;
        max-width: 86.666666667%;
    }

    .col-md-11-4 {
        flex: 0 0 95%;
        max-width: 95%;
    }
}

/* Responsive lg */
@media (min-width: 992px) {
    .col-lg-0-4 {
        flex: 0 0 3.333333333%;
        max-width: 3.333333333%;
    }

    .col-lg-1-4 {
        flex: 0 0 11.666666667%;
        max-width: 11.666666667%;
    }

    .col-lg-2-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-lg-3-4 {
        flex: 0 0 28.333333333%;
        max-width: 28.333333333%;
    }

    .col-lg-4-4 {
        flex: 0 0 36.666666667%;
        max-width: 36.666666667%;
    }

    .col-lg-5-4 {
        flex: 0 0 45%;
        max-width: 45%;
    }

    .col-lg-6-4 {
        flex: 0 0 53.333333333%;
        max-width: 53.333333333%;
    }

    .col-lg-7-4 {
        flex: 0 0 61.666666667%;
        max-width: 61.666666667%;
    }

    .col-lg-8-4 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col-lg-9-4 {
        flex: 0 0 78.333333333%;
        max-width: 78.333333333%;
    }

    .col-lg-10-4 {
        flex: 0 0 86.666666667%;
        max-width: 86.666666667%;
    }

    .col-lg-11-4 {
        flex: 0 0 95%;
        max-width: 95%;
    }
}

/* Responsive xl */
@media (min-width: 1200px) {
    .col-xl-0-4 {
        flex: 0 0 3.333333333%;
        max-width: 3.333333333%;
    }

    .col-xl-1-4 {
        flex: 0 0 11.666666667%;
        max-width: 11.666666667%;
    }

    .col-xl-2-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-xl-3-4 {
        flex: 0 0 28.333333333%;
        max-width: 28.333333333%;
    }

    .col-xl-4-4 {
        flex: 0 0 36.666666667%;
        max-width: 36.666666667%;
    }

    .col-xl-5-4 {
        flex: 0 0 45%;
        max-width: 45%;
    }

    .col-xl-6-4 {
        flex: 0 0 53.333333333%;
        max-width: 53.333333333%;
    }

    .col-xl-7-4 {
        flex: 0 0 61.666666667%;
        max-width: 61.666666667%;
    }

    .col-xl-8-4 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col-xl-9-4 {
        flex: 0 0 78.333333333%;
        max-width: 78.333333333%;
    }

    .col-xl-10-4 {
        flex: 0 0 86.666666667%;
        max-width: 86.666666667%;
    }

    .col-xl-11-4 {
        flex: 0 0 95%;
        max-width: 95%;
    }
}