.course-name {
    font-weight: 700;
    font-size: 40px;
    /* Desktop default */
    display: block;
    margin-bottom: 10px;
    color: #6E6E6E;

}

.course-id,
.course-code {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
    color: #000000;
}

/* Tablet */
@media (max-width: 1024px) {
    .course-name {
        font-size: 35px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .course-name {
        font-size: 28px;
    }
}