.jcb4ca-desktop {
    display: block;
}

.jcb4ca-mobile {
    display: none;
}

.jcb4ca-menu-item {
    color: #18157C;
    font-weight: bold;
}

.jcb4ca-menu-item:hover {
    color: #8F8F8F;
}

@media (max-width: 1200px) {
    .jcb4ca-desktop {
        display: none;
    }

    .jcb4ca-mobile {
        display: block;
    }
}

.hj {
    cursor: pointer;
}

.hamburg {
    display: flex;
    height: 100vh;
}

.hj,
.top,
.middle,
.bottom {
    transition: all 0.3s ease-in-out;
    fill: #000000;
}

.open {
    .top {
        transform: rotate(45deg);
        transform-origin: center top;
        x: 37.5px;
        y: 26.25px;
        fill: #EADE71;
    }

    .middle {
        opacity: 0;
    }

    .bottom {
        transform: rotate(-45deg);
        transform-origin: center top;
        x: -15px;
        y: 18.75px;
        fill: #EADE71;
    }
}

.jcb4ca-4blocks {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.jdb4ca-4blocks-block {
    width: 25%;
}

.jdb4ca-4blocks-title {
    font-family: dinneuzeitgroteskltw01-_812426;
    font-size: 25px;
}

.jdb4ca-4blocks-body {
    line-height: 1.4;
    font-size: 16px;
    font-family: avenir-lt-w01_35-light1475496;
}

.jdb4ca-4blocks-body-width {
    max-width: 220px;
}

.main-logo {
    top: 131px;
    right: 50px;
    height: 300px;

}

.background-image-div {
    top: -20px;

}

.background-image {
    min-width: 1900px;
}

@media (max-width: 1200px) {
    .jcb4ca-4blocks {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 105px;
    }

    .jdb4ca-4blocks-block {
        width: 100vw;
    }

    .slide-in-from-left {
        transform: translateX(-99%);
        /* Start off-screen to the left */
        opacity: 0;
        /* Initially hidden */
        transition: transform 0.8s ease-out, opacity 0.6s ease-in;
        /* Smooth transition */
    }

    .slide-in-from-left.is-visible {
        transform: translateX(0);
        /* Slide to its natural position */
        opacity: 1;
        /* Fully visible */
    }

    .jcb4ca-mobile-menu {
        transform: translateX(100%);
        /* Start off-screen to the left */
        opacity: 0;
        /* Initially hidden */
        transition: transform 0.8s ease-out, opacity 0.6s ease-in;
        /* Smooth transition */
    }

    .jcb4ca-mobile-menu.is-visible {
        transform: translateX(0);
        /* Slide to its natural position */
        opacity: 1;
        /* Fully visible */
    }

    .jdb4ca-4blocks-title {
        margin-left: -10vw;
        font-family: dinneuzeitgroteskltw01-_812426;
        font-size: 7.3vw;
    }

    .jdb4ca-4blocks-body {
        line-height: 1.4;
        font-size: 4.5vw;
        font-family: avenir-lt-w01_35-light1475496;
    }

    .jdb4ca-4blocks-body-width {
        max-width: 60vw;
    }

    .main-logo {
        top: 147px;
        right: 25px;
        height: 150px;
    }

    .background-image-div {
        top: 120px;
    }

    .background-image {
        min-width: 1300px;
    }
}

.foot-content {
    flex-direction: row;
}

.foot-col-left {
    display: block;
}

@media (max-width: 1200px) {
    .foot-content {
        flex-direction: column;
    }

    .foot-col-left {
        display: none;
    }
}

.tier2-top {
    height:100px;
  }
  .tier2-text {
    padding-left:0px;
  }
  @media (max-width: 1200px) {
    .tier2-top {
      height:222px;
    }
    .tier2-text {
      padding-left:15px;
      padding-right:15px;    
    }
  }
/* ----------------------- */
/* FOOTER FONTS            */
/* ----------------------- */

  @media (max-width: 1200px) {
    .font-footer-38 {
        font-size: 3.8vw;
    }
    .font-footer-32 {
        font-size: 3.2vw;
    }
    .font-footer-20 {
        font-size: 2.0vw;
    }
  }