@media only screen and (max-width: 968px) {
    .lessonLevels {
        flex-direction: column;
    }
    .lessonLevelButton {
        width: 96vw;
    }
}
@media only screen and (max-width: 788px) {
    .banner {
        height: 33vh;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .slider {
        height: 40vh;
    }
    .slide-images {
        width: 96vw;
    }
    .lessonTypes {
        flex-direction: column;
    }
    .lessonTypeButton {
        width: 96vw;
    }
}
@media only screen and (max-width: 518px) {
    .headerButton {
        font-size: 0.9rem;
    }
}
@media only screen and (max-width: 436px) {
    .headerButton {
        font-size: 0.8rem;
    }
}
@media only screen and (max-width: 410px) {
    .headerButton {
        font-size: 0.7rem;
    }
}