ul.card-row-grid {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    list-style-type: none;
    gap: 1.25rem;
    margin-left: unset;
}

ul.card-row-grid {
	display: grid;
}
	
.card-row-course .courses-list {
    padding: 2.5rem 0;
    margin-bottom: 0;
}

.row-title {
    color: var(--contrast);
    font-weight: 700;
}

ul.card-row-grid {
    margin-bottom: 0;
}



@media screen and (max-width: 768px) {
    ul.card-row-grid {
        gap: 1.25rem;
    }
}




@media only screen and (min-width: 769px) and (max-width: 1024px) {
    ul.card-row-grid {
        gap: 1.25rem;
    }
}

@media screen and ( min-width:769px ) {
    .card-row-grid li {
        width: 100%;
    }
    .card-row-course .courses-list {
        padding: 5rem 0;
    }
}
@media only screen and (min-width: 1025px) {
    ul.card-row-grid {
        gap: 1.25rem;
    }
}