/* Default: mobile */
.col-5ths {
    flex: 0 0 20%;
    max-width: 20%;
}

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

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

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

/* Extra large: 1200px */
@media (min-width: 1200px) {
    .col-xl-5ths {
        flex: 0 0 20%;
        max-width: 20%;
    }
}