.text-section {
    max-width: 1200px;
    display: block;
    margin: 1em;
}

.text-section .rich-text {
    line-height: 1.6em;
}

.upcoming-courses-container {
    background-color: rgb(249, 249, 249);
    margin: 0;
    padding: 0em 1em 0em 1em;
}



@media only screen and (min-width: 768px) {
    .text-section {
        margin: 0em auto 1em auto;
    }

    .sub-course-container {
        padding: 0em 3em 0em 3em;
    }

    .footer-dark {
        background: #58636e;
        color: white;
    }

    .upcoming-courses-container {
        background-color: white;
        margin: 0em auto 0em auto;
        padding: unset;
    }
}

@media only screen and (min-width: 1200px) {
    .sub-course-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 1em;
        padding: 1em 3em;
        background-color: rgb(249, 249, 249);
    }
}