.container {
    padding: 50px;
    background-color: #f7f3ec;
}

.course-grid {
    display: grid;
    column-gap: 50px;
    row-gap: 70px;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, 330px);
}

.card-content {
    /* margin-top: 10px; */
    font-size: 24px;
}

.card-content a:link {
    text-decoration: none;
    color: #4d1010;
}

.card-content a:visited {
    text-decoration: none;
    color: #4d1010;
}

.card-content a:hover {
    text-decoration: none;
    color: #4d1010;
}

.card-content a:active {
    text-decoration: none;
    color: #4d1010;
}

img {
    border: #ae3a1e solid;
    border-radius: 10px;
    width: 100%;
    height: auto;
}

main {
    display: block !important;
}