.card-group-list {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    align-items: left;
    justify-content: space-between;
}

.card-item {
    flex: 0 1 calc(33% - 1em);
    margin-bottom: 30px;
}

@media screen and (max-width: 780px) {
    .card-item {
        flex: 0 1 calc(50% - 1em);
    }
}

@media screen and (max-width: 480px) {
    .card-item {
        flex: 0 1 calc(100%);
    }
}

.ccm-block-page-grid-mosaico-B {
    align-items: center;
    font-family: 'Akzidenz bold', Arial;
}

.ccm-block-page-grid-mosaico-B .section_grid .ccm-block-page-list-date {
    color: #FFF !important;
}