* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family:"Maven Pro",Arial,Tahoma,sans-serif;
    }
    .logo {
        background: url(/wp-content/themes/mopartners/assets/images/logo-mo.svg) no-repeat;
        width: 120px;
        height: 101px;
        position: absolute;
        top: 30px;
        left: 60px;
        z-index: 99999;
        text-indent: -9999px;
        overflow: hidden;
    }
    .second {
        font-size: 16px;
        position: absolute;
        top: 30px;
        right: 60px;
        z-index: 99999;
        color: #fff;
    }
    .landing {
        background: url(/wp-content/themes/mopartners/assets/images/bg-landing.jpg) top center no-repeat;
        background-size: cover;
        height: 100vh;
        text-align: center;
    }
    .zopim {
        display: none !important;
    }


    .box-landing a {
        display: block;
        height: 100%;
        color: #fff;
        text-decoration: none;
    }
    .box-landing a:hover {
        background-color: rgba(237,35,39,0.6);
    }
    .wrap-landing {
      position: relative;
      top: 50%;
      transform: translateY(-10%);
      padding: 0 25%;
    }
    .supplier h2 {
        background: url(/wp-content/themes/mopartners/assets/images/ico-graph.png) no-repeat top center;
    }
    .buyer h2 {
        background: url(/wp-content/themes/mopartners/assets/images/ico-search.png) no-repeat top center;
    }
    .box-landing h2 {
        padding-top: 70px;
        font-size: 48px;
        text-transform: uppercase;
        padding-bottom: 20px;
    }
    .box-landing h3 {
        font-size: 28px;
        padding-bottom: 15px;
    }
    .box-landing p {
        font-size: 18px;
    }

@media screen and (min-width: 991px) {
        .landing {
        display: flex;
        align-items: center;
        text-align: center;
    }
    .landing > div {
        flex: 1;
        height: 100%;
    }
}

@media screen and (max-width: 991px) {
    .landing {
        background: url(/wp-content/themes/mopartners/assets/images/bg-landing.jpg) top center no-repeat;
        background-size: auto 100%;
        height: 100vh;
        text-align: center;
    }
    .landing {
        display: block;
    }
    .landing > div {
        position: relative;
        top: 50%;
        transform: translateY(-75%);
    }
    .landing a {
        padding: 5% 0;
    }
    .wrap-landing {
      position: relative;
      top: 50%;
      transform: initial;
      padding: 0 25%;
    }
}

@media screen and (max-width: 660px) {
    .box-landing h2 {
        font-size: 30px;
        background-size: 15%;
    }
    .box-landing h3 {
        font-size: 20px;
    }
    .box-landing p {
        font-size: 14px;
    }
    .supplier a {
        background-color: rgba(0,0,0, .5);
    }
}

@media screen and (max-width: 530px) {
    .logo {
        background-position: top center;
        background-size: 60%;
        left: 50%;
        margin-left: -91px;
    }
    .wrap-landing {
      padding: 0 5%;
    }
    .box-landing h2 {
        padding-top: 40px;
        background-size: 10%;
        font-size: 24px;
            padding-bottom: 10px;
    }
    .second {
        font-size: 12px;
        top: 50px;
        right: 15px;
    }
    .box-landing h3 {
            font-size: 17px;
    }
    .wrap-landing {
        transform: initial;
    }
    .box-landing p {
        font-size: 12px;
    }
    .second {
        display: none;
    }
}