header {
    text-align: center;
    padding: 0.625rem;
}
header img {
    width: 5.5rem;
}
main {
    padding: 0 1rem;
}
.course-label {
    position: relative;
    color: #fff;
    background-color: var(--orange);
    text-align: center;
    font-size: 0.75rem;
}
.course-label img {
    width: 0.8rem;
    position: absolute;
    left: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
h1 {
    font-size: 1.125rem;
    color: var(--orange);
    margin-bottom: 1.25rem;
}
.program-descriptions {
    font-size: 0.75rem;
    margin-bottom: 1.875rem;
}
.program-descriptions > img {
    width: 100%;
    margin-bottom: 1.25rem;
}
.program-descriptions video {
    width: 100%;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.program-descriptions .desc1 p {
    margin-bottom: 1.25rem;
}
.program-descriptions .desc1 img {
    display: none;
}
.program-descriptions button {
    background-color: var(--orange);
    outline: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.5rem;
    padding: 0.375rem 1rem;
    text-align: center;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
}
.program-descriptions h2 {
    font-size: 1.125rem;
    margin-bottom: 1rem;
    color: var(--orange);
}

.levels {
    overflow-x: auto;
}
.levels > p {
    margin-bottom: 0.75rem;
}
table {
    border-collapse: collapse;
    /* font-size: 0.5rem; */
    /* width: 100%; */
    overflow: auto;
    white-space: nowrap;
    text-align: left;
}
table > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
tr {
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
th,
td {
    padding: 0.25rem 0.5rem;
}
td {
    vertical-align: top;
}
table li {
    margin-left: 2rem;
}
.ch {
    text-transform: uppercase;
}

@media (min-width: 576px) {
    .program-descriptions > img {
        display: block;
    }
    .program-descriptions > img {
        min-width: 576px;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    .desc1 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .program-descriptions .desc1 img {
        display: block;
        width: 30%;
    }
    .program-descriptions .desc1 > div {
        width: 65%;
    }
}