.section-courses .grid-4 {
    grid-template-columns: repeat(3, 1fr);
}
.section-courses .course-footnote {
    font-size: 1.5rem;
    text-align: center;
}

@media (max-width: 700px) {
.section-courses .grid-4 {
    grid-template-columns: repeat(1, 1fr);
    padding:0 10%;
}
}

@media (max-width: 600px) {
.section-courses .grid-4 {
    grid-template-columns: repeat(1, 1fr);
    padding:0 10px;
}
}