.button {
    padding: 15px 25px;
    font-size: 12pt;
}

nav {
    width: 100%;
    z-index: 100;
}

#mobile-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 15px 0;
    margin: auto;
    width: 80%;
}

.imglink {
    height: 25px;
}

#menu {
    display: none;
}

.hero-wrap h1 {
    font-size: 60pt;
}

.hero-wrap img {
    padding-right: 10px;
    width: 15%;
    position: relative;
    top: 5px;
}

.hero-wrap li {
    font-size: 9pt;
}

.card {
    width: 100%;
}

#cta2 {
    padding: 75px 15px;
}

.slide {
    width: 100%;
}

#lessons,
#recitals {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

#lessons img,
#recitals img {
    width: 100%;
    height: 35%;
}

.LesRec-content {
    width: 100%;
    height: 65%;
    padding: 75px 15px;
}

footer {
    font-size: 8pt;
}