.course-container h1{
    align-self: center;
}

h1.article-heading, .course-container h2, .course-container h3, .course-container h4, .course-container h5, .course-container h6{
    font-weight: bold;
    font-size: 1rem;
}

.course-container p{
    font-size: 0.85rem;
    line-height: 1.3rem;
}

.course-container figure{
    width: 100%;
    border-radius: 0.5rem;
    align-self: center;
}

.course-container figure img{
    width: 100% !important;
    border-radius: 0.5rem;
}

.course-container pre{
    align-self: stretch;
    direction: ltr;
    font-size: 0.9rem;
}

.course-container u{
    text-underline-offset: 0.4rem;
}

.course-container a{
    color: var(--color-main);
    text-decoration: underline;
    text-decoration-color: var(--color-main);
    text-decoration-thickness: 1px;
    font-size: 0.9rem;
    font-weight: bold;
    text-underline-offset: 0.4rem;
}

.course-container ul, .course-container ol{
    font-size: 0.9rem;
    list-style-position: inside;
}
.course-container ul{
    list-style-type: disc;
}
.course-container ol{
    list-style-type: decimal;
}

@media screen and (min-width: 64rem) {
    .course-container figure{
        width: 46%;
    }

    .course-container p{
        font-size: 0.95rem;
        line-height: 1.5rem;
    }

    h1.article-heading, .course-container h2, .course-container h3, .course-container h4, .course-container h5, .course-container h6{
        font-size: 1.15rem;
    }
}