*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.timeline .card-columns .card .card-body{
    color: #000;
}
.timeline .card-columns .card .card-footer{
    background-color: #fff;
}
.timeline .card-columns .card .card-footer a{
    padding: 0px 10px;
    color: #000;
}
@media (min-width:576px) and (max-width:767px) {
    .timeline .card-columns .card .card-footer a{
        padding: 0px 5px;
    }
}
@media (min-width: 768px) {
    .card-columns {
        -webkit-column-count: 3 !important;
        -moz-column-count: 3 !important;
        column-count: 2;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
}
@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
}