a.card {
    color: #212529;
}
a.card:hover {
    background-color: #343a40;
    color: #ffffff;
    text-decoration: none;
}

@media (min-width: 768px) {
    .card--row .card-img {
        position: relative;
        overflow: hidden;
    }
    .card--row .card-img img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-position: center center;
        object-fit: cover;
    }
    .card--row .card-img {
        width: 50%;
        max-width: 50%;
    }
}

/* Typography: Max line length for readability */
@media (min-width: 992px) {
    .cms-content {
        max-width: 105ch;
    }
}

@media (min-width: 1200px) {
    .cms-content {
        max-width: 100ch;
    }
}