/* MOBILE STYLES */
@media screen and (max-width: 428px){

/* RESET & GLOBAL */
.main-container{
    width:100%;
    padding:20px;
}

section{
    padding:20px 10px;
}

/* TYPOGRAPHY */
h1{
    font-size:30px;
}

h2.section-title{
    letter-spacing:0.3em;
    font-size:18px;
}

section.page-title h1{
    font-size:28px;
}

p{
    text-align:center;
}

/* HEADER & NAV */
header{
    text-align:center;
}

#logo-container,
nav ul{
    float:none;
}

#logo-container img{
    height:80px;
    margin:0 auto;
    display:block;
}

nav ul{
    width:100%;
    max-width:300px;
    margin:0 auto;
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
}

header nav ul li{
    width:100%;
    margin:0;
}

/* FEATURED LESSON */
.featured-text{
    flex-direction:column;
}

.featured-cta{
    margin-left:0;
    margin-top:20px;
    width:100%;
}

/* MASTERCLASS CARDS */
.card-container{
    flex-direction:column;
    align-items:center;
}

.lesson-card,
.card{
    width:100%;
    margin-bottom:20px;
}

/* ABOUT PAGE */
.masters-container{
    flex-direction:column;
}

.masters-content{
    width:100%;
}

.schoolmasters-container{
    flex-direction:column;
    padding:40px 20px;
}

.headmaster{
    width:100%;
}

.lessonmasters{
    width:100%;
    grid-template-columns:1fr;
}

/* CONTACT PAGE */
.contactcontent{
    flex-direction:column;
}

#form-container,
#contactinfo-container{
    flex-basis:100%;
    margin:0;
}

.form-group{
    flex-direction:column;
}

.form-group label{
    margin-bottom:5px;
}

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
}

/* FOOTER */
footer{
    flex-direction:column;
    text-align:center;
}

footer img{
    margin:0 auto 15px;
}

footer p{
    margin-left:0;
}

}