@media screen and (max-width: 1300px) {
    #page.sherwood {
        background: url("../img/sherwood.jpg") right -300px top 10px no-repeat;
    }
}
@media screen and (max-width: 1024px) {
    #page.sherwood {
        background: url("../img/sherwood.jpg") right -450px top 10px no-repeat;
    }
    #menupanel .logo {
        top: 27px;
        width: 310px;
        height: 27px;
        background-size: contain;
    }
    .ftr {
        display: block;
        padding: 60px 0;
    }
    footer .logo{
        margin: 0 auto 50px auto;
    }
    .footernav {
        padding-left: 0;
    }
    .ftr .block {
        padding-left: 10px;
    }
    .ftr .block h4 {
        margin: 0 0 5px 0;
    }
}
@media screen and (max-width: 950px) {
    .mainmenu a {
        font-size: 16px;
        line-height: 16px;
        margin: auto 0 auto 15px;
    }    
    .mainmenu a span {
        padding: 9px 8px;
    }
}

@media screen and (max-width: 768px) {
    #page.sherwood {
        background: url("../img/sherwood.jpg") right -550px top 10px no-repeat;
    }
    #about .wrapper {
        background: url("../img/nylander.jpg") 0 0 no-repeat;
    }
    #about .content, #page .content {
        width: 75%;
    }
}
@media screen and (max-width: 750px) {
    #page.contacts .wrapper {
        display: block;
    }
    #about h2{
        font-size: 32px;
    }
    #page h2{
        font-size: 28px;
    }
    #about, #page {
        padding: 40px 0 80px 0;
    }
    .mainmenu{
        display: none;
    }
    .bc{
        font-size: 14px;
    }
    #menupanel .logo {
        width: 290px;
        left: 50%;
        margin-left: -145px;
        background-size: contain;
    }
    footer .logo {
        width: 290px;
        height: 26px;
        background-size: contain;
    }
    .mobilemenuico{
        display: block;
    }
    .footernav {
        flex-wrap: wrap;
    }
    .ftr .block {
        padding: 10px 0 20px 0;
        width: 50%;
    }
    #about .content, #page .content {
        width: 55%;
        min-height: 450px;
    }
    #page.contacts .content{
        width: 100%;
    }
    .map, .addr {
        padding: 20px 0;
    }
}
@media screen and (max-width: 550px) {
    #page.sherwood {
        background: url("../img/sherwood.jpg") right -650px top 10px no-repeat;
    }
    #about .content, #page .content {
        width: 100%;
    }
}