body{
    background-color: #f7f7f7;
    font-size:13px;
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 1;
    }
}
@media (min-width: 1000px) {
    .card-columns {
        column-count: 2;
    }
}
@media (min-width: 1600px) {
    .card-columns {
        column-count: 3;
    }
}

.card{
    -webkit-box-shadow: 3px 4px 9px -4px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 4px 9px -4px rgba(0,0,0,0.15);
    box-shadow: 3px 4px 9px -4px rgba(0,0,0,0.15);
    border:none;
}

.card-header{
    background-color: #fff;
    font-family: 'Gotu', sans-serif;
    text-align: center;
}

.title{
    font-family: 'Gotu', sans-serif;
    font-size: 35px;
    text-transform: uppercase;
    padding:30px;
    text-align: center;
}

.thead-light tr th{
    background-color: #f8f9fa !important;
}

.color-blue{
    color: #619dc9;
}

.color-orange{
    color: #e0af5b;
}

.color-green{
    color: #5ec98b;
}