@media (max-width: 1100px) {

    section.clients .clients .fixwidth {
        margin: 0px auto;
        max-width: 920px;
    }

}

@media (max-width: 990px) {

    .work-layer .work .gallery {
        width: 100%;
        height: auto;
        display: block;
    }

    .work-layer .work .info {
        width: 100%;
        height: auto;
        display: block;
    }

    .work-layer .work .gallery .view li {
        margin-top: 70px;
        text-align: center;
    }

    .work-layer .work-container {
        overflow-y: auto;
    }

    .job_overlay {
        overflow-y: auto;
    }

    #works .nav ul li {
        display: inline-block;
        font-weight: normal;
        font-family: 'ProximaNovaLight';
        line-height: normal;
        padding: 3px 5px;
        margin: 0;
    }

    section#works .nav > .container {
        width: auto;
        padding: 10px 0;
    }

}

@media (max-width: 540px) {

    #who-we-are h2, #what-we-do h2, #founders h2, #clients > div > div > h2, #contacts > div > h2, #competencies h2, .nav h2 {
        font-size: 30px;
    }

    #competencies {
        font-size: 24px;
    }

    #competencies span:before {
        margin: 0 3px 0 7px;
    }

}

@media (max-width: 480px) {

    .sidebar-toggle .text {
        display: none
    }

    #hi > div.intro.container > div.logo {
        background-size: contain;
        width: 90%;
        margin: 0px auto;
    }

    #who-we-are h2, #what-we-do h2, #founders h2, #clients > div > div > h2, #contacts > div > h2, #competencies h2 {
        font-size: 28px;
    }

    section.founders .name {
        font-size: 22px;
    }

    #competencies .item > span {
        display: block;
    }

}

@media (max-height: 600px) {

    .sidebar .menu li {
        padding: 1px 0 2px 0;
        margin: 2px 40px 2px 0;
    }

    .sidebar .menu li a {
        font-size: 16px;
    }

}