@media (max-width: 34em) {
    .card-columns {
    padding: .9rem;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: .9rem;
    -moz-column-gap: .9rem;
    column-gap: .9rem;
    }
}
@media (min-width: 34em) {
    .card-columns {
        padding: .9rem;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: .9rem;
        -moz-column-gap: .9rem;
        column-gap: .9rem;
    }
}
.card-columns.web-columns {    
    background: #d9f0d8;
}
.card-columns.apps-columns {    
    background: #d8e2f0;
}
.card-columns .card {
    background:#fff;
}