.menu-background-image {
    z-index: -1;
    position: relative;
}

.menu-page-section2 {
    display: flex;
}
.menu-background-image img {
    width: 100%;
}
.menu-col1 {
    width: 956px;
    height: 518px;
    background: url(../images/Union-7@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -253px;
}

.menu-col2 {
    width: 295px;
    height: 213px;
    background: url(../images//Union-13@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -68px;
    margin-left: -121px;
}

.PDF {
    margin-top: 90px;
    margin-left: -3px;
    text-align: center;
}

.PDF a {
    color: white;
    text-decoration: underline;
    opacity: 1;
    font-family: 'Sharp Grotesk 25';
    font-size: 18px;
}

.title-1 {
    margin-top: 114px;
    margin-left: 204px;
}

.title-1 p {
    font-family: 'Sharp Grotesk 25';
    font-size: 30px;
    opacity: 1;
    color: black;
}

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

    .menu-background-image {
        z-index: -1;
        position: relative;
        width: 100%;
    }

    .menu-col1 {
        width: 848px;
        height: 475px;
        background: url(../images/Union-7@2x.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: -59px;
        margin-left: -445px;
    }

    .title-1 {
        margin-top: 82px;
        margin-left: 474px;
    }

    .title-1 p {
        font-family: 'Sharp Grotesk 25';
        opacity: 1;
        color: black;
        width: 318px;
        height: 418px;
        font-size: 30px;
    }

    .menu-col2 {
        background: url(../images//Union-13@2x.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 542px;
        margin-left: -363px;
        width: 276px;
        height: 213px;
    }

    /* .site-header {
        position: unset;
    } */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    /* some CSS here */
    .menu-background-image {
        z-index: -1;
        position: relative;
        width: 50%;
    }

    .menu-col1 {
        width: 310px;
        height: 172px;
        background: url(../images/Union-7@2x.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: -84px;
    }

    .title-1 {
        margin-top: 37px;
        margin-left: 54px;
    }

    .title-1 p {
        font-family: 'Sharp Grotesk 25';
        font-size: 10px;
        opacity: 1;
        color: black;
    }

    .menu-col2 {
        width: 121px;
        height: 91px;
        background: url(../images//Union-13@2x.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: -32px;
        margin-left: -64px;
    }

    .PDF {
        margin-top: 32px;
        margin-left: -4px;
        text-align: center;
        line-height: 12px;
    }

    .PDF a {
        color: white;
        text-decoration: underline;
        opacity: 1;
        font-family: 'Sharp Grotesk 25';
        font-size: 8px;
    }



    /* .site-header {
        position: unset;
    } */
}