.hero {
    margin-top: 8px;
    width: 100%;
}

.hero img {
    width: 100%;
}

.about {
    display: flex;
    flex-wrap: wrap;
    padding: 0 12px;
}

.about-left {
    width: 70%;
}

.about-right {
    width: 30%;
    text-align: center;
}

.section {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 12px 0;
}

.section-title {
    width: 12%;
}

.section-content {
    width: 88%;
    display: flex;
    flex-wrap: wrap;
}

.section-content table,
.section-content td {
    font-size: 12px;
    border: none;
}

.section-info-top {
    width: 100%;
    margin-bottom: 15px;
}

.section-info-bottom {
    width: 100%;
    text-align: right;
    margin-top: 10px;
}

.course-timetable:not(:nth-child(2)) {
    margin-left: 22px;
}

.teacher {
    display: flex;
    flex-wrap: wrap;
}

.teacher:not(:first-child) {
    margin-top: 15px;
}

.teacher-img img {
    width: 100px;
    height: 100px;
}

.teacher-info {
    margin-left: 10px;
    width: 58%;
}

.teachers-english {
    display: flex;
    flex-wrap: wrap;
}

.teachers-english .teacher {
    width: 50%;
    margin: 0;
}

.teachers-english .teacher:not(:first-child, :nth-child(2)) {
    margin-top: 10px;
}

.lessons {
    display: flex;
    flex-wrap: wrap;
}

.lesson {
    width: 120px;
    border: 1px solid #999999;
}

.lesson:not(:first-child) {
    margin-left: 12px;
}

.lesson-img img {
    width: 120px;
    height: auto;
}

.lesson-text {
    font-size: 11px;
    padding: 2px;
}

@media screen and (max-width: 800px) {
    .about-left {
        width: 100%;
    }

    .about-right {
        margin-top: 15px;
        width: 100%;
    }

    .section-title {
        width: 100%;
    }

    .section-info-top {
        margin-top: 10px;
    }

    .section-content {
        width: 100%;
        margin-left: 12px;
    }

    .course-timetable:nth-child(4) {
        margin-left: 0;
        margin-top: 12px;
    }

    .course-timetable:nth-child(5) {
        margin-top: 12px;
    }

    .teachers-english .teacher {
        width: 100%;
        margin-top: 10px;
    }

    .lesson:not(:first-child) {
        margin-left: 0;
    }

    .lesson:nth-child(2n) {
        margin-left: 12px;
    }

    .lesson:not(:first-child, :nth-child(2)) {
        margin-top: 12px;
    }
}