@media only screen and (min-width: 758px) {
    .project__header,
    .project__header.fixed {
        position: relative;
    }
    .project__header h2,
    .project__header .subtitle {
        text-align: center;
    }
    .project__header h2 {
        font-size: 4em;
        margin-bottom: 30px;
    }
    .project__header h2::after {
        display: block;
    }

    .project__header .nav__logo,
    .project__header.fixed .nav__logo {
        height: 180px;
        width: 180px;
        margin: 45px auto 40px;
    }
    .project__header .nav__logo svg {
        fill: #fff;
    }
    .project__header ul li a {
        color: #fff;
    }
    .project__header ul li a:hover {
        color: rgba(119, 212, 39, 1);
    }
    .project__header .subtitle {
        font-size: 1.4em;
    }
    .project__header-text {
        padding-left: 0;
    }
    .block-we-did h2 {
        font-size: 123px;
        margin-top: -60px;
    }
    .block-we-did .did__item {
        min-width: 40%;
        margin-bottom: 0;
    }
    .block-we-did .flex img {
        width: 52%;
        margin-bottom: 0;
    }
    .block-we-did .flex {
        flex-direction: row;
    }
    .project__cool-gallery .project__slider-item {
        width: 33.33%;
    }
    .block-project-gallery h2 {
        font-size: 5.5em;
        margin: 100px 0;
    }
    .block-numbers .onethree:last-child {
        margin-top: 0;
    }
}

@media only screen and (min-width: 960px) {
    .hideonmobile {
        display: inline-block;
    }
    .onetwo,
    .onethree,
    .onefour,
    .onefive,
    .twofive,
    .onesix,
    .twothree {
        padding: 0 1.5%;
        margin: 0;
    }
    .onetwo + .onetwo,
    .onethree + .onethree,
    .onefour + .onefour,
    .onefive + .onefive,
    .twofive + .twofive,
    .onesix + .onesix,
    .twothree + .twothree {
        margin-top: 0;
    }
    .onetwo {
        width: 45%;
    }
    .onethree {
        width: 30%;
    }
    .onefour {
        width: 21.5%;
    }
    .onefive {
        width: 16%;
    }
    .twofive {
        width: 38%;
    }
    .onesix {
        width: 13%;
    }
    .twothree {
        width: 63%;
    }
    .nav__btn {
        display: none;
    }
    .nav-block__logo {
        display: none;
    }
    nav {
        background: none;
        height: 80px;
        left: 0;
        width: 100%;
        padding-top: 85px;
    }
    nav ul li {
        width: auto;
        margin: 0;
    }
    nav ul li + li {
        margin-left: 7%;
    }
    nav ul li:nth-child(n + 4) {
        float: right;
    }
    nav ul li a {
        color: #222;
    }
    nav ul li a:hover {
        color: #000;
    }
    nav.fixed {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 30px 0 0;
        height: 40px;
    }
    nav.fixed:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }
    nav.fixed .nav__logo {
        height: 60px;
        width: 60px;
        margin: -40px auto 5px;
        transition: all 0.4s ease;
    }
    nav.fixed .nav__logo svg {
        fill: #fff;
    }
    nav.fixed ul li a {
        color: #fff;
    }
    .nav__logo {
        position: static;
        margin-top: -85px;
    }

    .block-slider__text {
        width: 50%;
        margin-left: 50%;
        padding: 200px 0 160px;
        font-size: 14px;
        text-align: right;
    }
    .block-slider__text h2 {
        font-size: 5em;
        font-weight: 900;
        margin-bottom: 40px;
        line-height: 1.2em;
    }
    .block-slider__text h2::after {
        margin-right: 0;
    }

    .project-item {
        width: 25%;
    }
    .project-item__double {
        width: 50%;
    }

    .blog-item {
        display: flex;
    }
    .blog-item--text {
        flex-basis: 40%;
        padding: 0 5%;
        width: auto;
    }
    .blog-item--image {
        flex-basis: 57%;
        width: auto;
    }
    .blog-item:hover .blog-item--image img {
        top: -20px;
        left: -20px;
    }
    .blog-item:nth-child(2n + 2) .blog-item--image img {
        left: auto;
        right: -10px;
    }
    .blog-item:nth-child(2n + 2):hover .blog-item--image img {
        left: auto;
        right: -20px;
    }

    .footer-block__bottom {
        text-align: left;
    }
    .footer-contacts {
        float: right;
        padding-top: 0;
    }
    .footer-block__bottom .twofive {
        float: right;
        padding-top: 0;
    }
}