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

}

@media only screen and (max-width: 1200px) and (min-width: 1025px) {}

@media only screen and (min-width: 1025px) {

}

@media only screen and (max-width: 1025px) {
/*    body{
        overflow-y: scroll;
        height: 3000px;
    }*/
    .outer-wrapper {
        display: none;
    }
    .mobile_wrapper {
        display: block;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
       /* overflow-y: scroll;*/
        position: relative;
    }

    .drop-menu{
        display: none;
    }

    .drop-menu-btn{
        display: none;
    }

    .drop-menu-mobile-btn{
        display: block;
    }

    .drop-menu-mobile-open{
        display: flex;
        opacity: 0.8;
        transition: 1s opacity ease;
    }

    .logo-wrapper {
        width: 100vw;
        background-color: #fff;
        position: fixed;
        height: 15vw;
        top: 0;
        z-index: 1000;
    }
    .logo {
        width: 49.25vw;
        position: fixed;
        top: 3vw;
        left: 8.37vw;
    }

    #separator-home, #separator-manifesto, #separator-clients, #separator-portfolio, #separator-contacts{
        height: 15vw;
    }

    #mobile-home, #mobile-manifesto, #mobile-clients,#mobile-contacts{
        width: 100%;
        height: auto;
    }

    #mobile-clients{
        display: flex;
        justify-content: space-between;
        padding-left: 16vw;
    }
    .triangles-m {
        position: absolute;
        width: 32vw;
        right: 0;
        top: 35.6vw;
        z-index: -1;
    }
    .triangles-m img {
        width: 100%;
    }
    .figures-mobile {
        position: relative;
    }
    .figures-mobile img {
        width: 100%;
    }
    .first-text-m {
        width: 93vw;
        margin: 5vw auto;
    }

    .figures-main-2{
        display: flex;
        justify-content: flex-end;
    }

    .figure-m-2 {
        width: 53.8vw;
        position: relative;
        right: 0;
    }
    .figure-m-2 img {
        width: 100%;
    }
    .first-text-m {
        font-family: 'Roboto';
        font-weight: 300;
        font-style: normal;
        font-size: 3.92vw;
        width: 70vw
    }
    .first-text-m-2 {
        position: relative;
    }
    .skull-comp-mob {
        position: relative;
        width: 29.65vw;
        left: 6.2vw;
        top: 6.3vw;
    }
    .skull-comp-center-mob {
        position: absolute;
        top: 32.78vw;
        left: 8.22vw;
        width: 13.37vw;
    }
    .skull-fig-m {
        position: relative;
        top: 14.4vw;
         left: -7vw;
        height: 63vw;
    }
    .skull-fig-m img {
        width: 100%;
    }
    .rounds-blue-mob {
        width: 29.5vw;
        position: relative;
        transition: none;
        height: 16.65vw;
        left: 0.1vw;
        top: -4.9vw;
    }
    .manifesto-m {
        position: relative;
        left: 15vw;
    }
    .manifesto-m p, .client-title p, .port-mob-items p, .cont-title-mob p, .c-info-item-title-mob p {
        font-family: "Bw Stretch";
        text-transform: uppercase;
        font-size: 11vw;
        font-weight: 800;
    }
    .c-info-item-title-mob p {
        font-size: 8vw;
    }
    .manifesto-m p span, .client-title p span, .port-mob-items p span, .cont-title-mob>p span, .c-info-item-title-mob p span {
        font-variant-ligatures: no-contextual;
        -moz-font-feature-settings: "calt" 0;
        -webkit-font-feature-settings: "calt" 0;
        font-feature-settings: "ss01" 1;
    }
    .client-right {
        width: 32vw;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .client-right img {
        width: 100%;
    }
    .client-title {
        width: 50vw;
        position: relative;
    }
    .client-items {
        display: flex;
        flex-wrap: wrap;
        width: 50vw;
        position: relative;
    }
    .clients-single {
        width: 25vw;
    }
    .clients-single img {
        width: 100%;
    }

    .clients-skull-center {
        top: 75.4vw;
        left: 9vw;
    }

    .clients-skull-photo{
        position: relative;
        top: -0.89vw;
    }
    .client-skull-zig {
        position: relative;
        top: -1vw;
    }

    .client-skull-cross {
        transition: all 1s ease;
    }
    .port-main-mob {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 16.7vw;
    }
    .port-mob-items {
        display: flex;
        width: 100%;
    }
    .port-mob-items img {
        width: 100%;
    }
    .port-title {
        position: relative;
        top: -1.5vw;
    }
    .port-mob-sub {
        width: 50%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .port-mob-sub img {
        width: 100%;
    }

    .port-orange-mob{
        display: block;
        max-height: 16.6vw;
        width: 100%;
    }

    .port-mob-sub-full{        
        position: absolute;
    }

    .sub-left{
        width: 16.4vw;
        left: 0;
    }

    .sub-right{
        left: 83.5vw;
        width: 17.1vw;
    }

    .port-mob-sub-full img{
        width: 100%;
    }
    .cont-map-mob {
        position: relative;
        width: 100vw;
        height: 37vw;
        margin: 10vw 0;
    }

    .cont-map-mob img{
        width: 100%;
    }
    .cont-title-mob {
        position: relative;
        left: 16vw;
    }
    .cont-items-main {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: 15vw;
    }
    .cont-info-mob-text p {
        font-family: 'Roboto';
    }
    .c-info-item-mob {
        margin-bottom: 10vw;
    }
    .c-info-fig {
        width: 60vw;
        margin: 7vw 0;
    }
    .c-info-fig img {
        width: 100%;
    }

    .first-text-m-2 span{
        font-weight: 400;
    }
}

@media only screen and (max-width: 991px) {
    .page-two-text {
        top: 15.55vw;
        font-size: 1.1vw;
    }
    .outer-wrapper {
        overflow-x: scroll;
    }

}

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

}

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

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

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

@media only screen and (min-width: 767px) {}