@media screen and (max-width: 1080px) {
/*@media screen and (max-width: 1280px) {*/
html {
/*    scroll-behavior: auto;*/
    overflow-x: hidden;
    overflow-y: scroll;
}

#content {
    display: block;
    width: 100vw;
    height: auto;
    margin: 0;
}

#services {
    align-items: initial;
}

.zone {
    width: 100vw;
    height: auto;
    margin-top: 10vh;
    display: block;
/*  overflow-y: auto;*/

    position: static;
}

.page-segment {
/*    margin-bottom: 10vh;*/
/*    margin-top: 6vh;*/
    width: 98vw;
    margin-left: 1vw;
}

.page-row {
    flex-direction: column;
    height: auto;
}

#who-we-are .page-segment, #services .page-segment, #admissions .page-segment {
    width: 100%;
}

#top {
    height: auto;
}

#logo {
    /*    max-width: 90vw;*/
/*    width: 90vw;*/
}

/*#who-we-are {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
}
*/

.activities-grid .paint-img {
    width: 42vw;
    height: 28vw;
}

#rooms-grid {
/*    flex-direction: column;*/
    justify-content: space-between;
    flex-wrap: wrap;
}

#rooms-grid > div {
    width: 30vw;
    height: 20vw;
}

#activities-grid {
/*    flex-direction: column;*/
}

#activities-grid div {
/*  width: 30%;
    height: 24vw;
*/  
    width: 46vw;
    height: 26vw;
}

#founder-photo {
/*    width: 40vw;*/
    width: 90vw;
    height: 60vw;
}

/*#toggle-form {
    display: block;
}

#contact-form-area {
    display: none;
}*/

#contact {
    display: block;
/*    flex-direction: column;*/
}

#contact-info {
    flex-direction: row;
    width: 100%;
}

#contact-info > div {
    width: 40vw;
    height: 40vw;
}
}

@media screen and (max-width: 600px) {
#main-menu {
    flex-direction: column;
    top: 0;
    padding-top: 15px;
    justify-content: space-between;
/*    height: 10vh;*/
/*    width: 96vw;*/
    transition: height 0.3s, color 0.5s, font-size 0.2s;
/*    transition: color 0.5s;*/
}

#hamburger {
    display: block;
    width: 100%;
    height: 7vh;
/*    height: 100%;*/
}

#links {
    display: none;
    flex-direction: column;
    justify-content: center;
    height: 100%;
/*    background-color: yellow;*/
    opacity: 1;
/*    transition: font-size 5s;*/
/*    color: none;*/
/*    font-size: 0.5em;*/
}

#thanks {
    font-size: 2em;
}

#logo {
    width: 380px;
    height: 289px;
    background-image: url("../assets/img/whirlsheet_phone.png");
}

/*.home-overlay {
    width: 100vw;
    height: 50vh;
}
*/
#ho-enroll.home-overlay   { top:  9vh; left:  0vw; rotate: -4.0deg }
#ho-journey.home-overlay  { top: 48vh; left: 48vw; rotate:  4.9deg }
#ho-learning.home-overlay { top: 47vh; left:  8vw; rotate: -2.2deg }

.middle {
    display: none;
}

#links a {
    height: 7vh;
}

#services {
    flex-direction: column;
}

.paint-img {
    width: 45vw;
    height: 30vw;
}

#contact-info {
    flex-direction: column;
}

#contact-info > div {
    width: 90vw;
/*    height: 60vw;*/
    height: 90vw;
    margin-top: 4vw;
    margin-left: 2.5vw;
/*    margin: 4vw auto;*/
}
}