@media only screen and (max-height: 840px) {

    #mvs_header .menu .nav li {
        line-height : 3rem;
    }

    #mvs_header .menu-open a {
        font-size : 2rem;
    }

    #mvs_header .menu .menuLogo, #mvs_header .menu-open .menuLogo {
        height:3rem;
    }
}

@media only screen and (max-height: 500px) {
    #mvs_header .menu .nav li {
        line-height : 2rem;
    }

    #mvs_header .menu-open a {
        font-size : 1rem;
    }

    #mvs_header .menu .menuLogo, #mvs_header .menu-open .menuLogo {
        height:3rem;
    }
}

@media only screen and (max-width: 1080px) {
    #body {
        padding-bottom: 2rem;
        padding-left: 2rem;
        padding-right : 2rem;
    }

    .depth-1 {
        width:90%;
    }
    .performer{
        width: 50%;
    }
}

@media only screen and (max-width: 720px) {
    #mvs_header .logo-text {
       display:none;
    }
    #body {
        padding-left  : 2rem;
        padding-right : 2rem;
    }
    .team-members .member, .parent-horse, .performer, .team-members .member:first-child{
        width : 100% !important;
    }
    .parent-horse{
        padding-bottom: 50px;
    }
    .depth-1 {
        width:45%;
    }
    .extra-info h2 a{
        padding-left: 100px;
        padding-right: 100px;
    }
}


@media only screen and (max-width: 500px) {

    #mvs_header {
        height:70px;
    }
    #mvs_header .logo-wrapper {
         padding-top: 10px;
     }

    #mvs_header .page-title-wrapper {
        top:38px;
        right:45px;
    }
    #mvs_header .page-title-wrapper h1 {
        font-size:30px;
    }
    .mvs-footer {
        height:120px;
    }
    .mvs-footer p{
        font-size:12px;
        line-height:16px;
    }
    .mvs-footer .copyright, .mvs-footer .developers {
        font-size:10px;
    }
    .extra-info h2 a{
        padding-left: 50px;
        padding-right: 50px;
    }
}