.contact-popup {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.55);
    display: none;
}

.contact-popup.active {
    display: block;
}
.contact-popup-background{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.contact-popup-container .close {
    top: -60px;
    z-index: 2;
}
.contact-popup-container {
    z-index: 2;
    padding: 60px;
    position: absolute;
    width: 50%;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: white;
    z-index: 999;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.14);
    transform:translateY(calc(-50% + 170px)); /* accommodate offset for header height */
    height: 820px;
    height: fit-content;
    max-height: calc(100% - 170px);
}

/* Custom Fix */
    #contact-popup-wrap-get-in-touch .contact-popup-container,
    .contact-popup-container {
        top: 0;
        transform: none;
        height: fit-content;
        max-height: calc(100% - 170px);
        overflow-y: auto;
    }
    #contact-popup-wrap-get-in-touch label.gfield_label[for="input_3_10"]{
        position: relative!important;
    }
    #contact-popup-wrap-get-in-touch .contact-popup-container .close,
    .contact-popup-container .close {
        top: 0;
        z-index: 2;
    }
    .button-filled, .get-in-touch-popup-button{
        cursor: pointer;
    }
/* Custom Fix */


/* Site design width */
@media only screen and ( max-width: 1280px ){

}

/* Max-header width */
@media only screen and ( max-width: 1180px ){
    /* Account for fixed mobile header */

}

/* Large Tablet */
@media only screen and ( max-width: 920px ){
    .contact-popup-container {
        width: 70%;
    }
}


/* Small Tablet */
@media only screen and ( max-width: 768px ){

}

/* Mobile */
@media only screen and ( max-width: 640px ){
    .contact-popup-container {
        width: calc(100% - 30px);
        padding: 30px;
        overflow: scroll;
        transform: none;
        top: 0;
        max-height: calc(100% - 30px);
    }

    .contact-popup-container .close {
        top: 25px;
        right: 25px;
        position: fixed;
    }
}