/* xl-viewport.css */
@media only screen and (min-width: 1200px) {
        
    /* Processwire overrides */
    .form-label {
        margin-top: 20px;
    }

    .Inputfields {
        margin-left: 1rem;
        width: 50%;
    }

    /* classes */

    /* .contact-us {
        top: 29%;
        left: 18%;
    }*/

    .h-bottom-stripe {
        height: 11rem;
    }

    .h-top-stripe {
        height: 11rem;
    }

    .header-buttons {
        position: absolute;
        top: 26.5vw;
        left: 22.5vw;
    }

    .header-buttons .h1 {
        font-size: 3vw;
    }

    .light-transparent {
        color: #fff;
        position: absolute;
        top: 6.5vw;
        height: 7.5vw;
        right: 0;
        left: 0;
    }

    .light-blue-transparent {
        background-color: rgba(23, 162, 184, 0.75);
        color: #fff;
        position: absolute;
        top: 17vw;
        height: 6.5vw;
        right: 0;
        left: 0;
    }

    .margins-wide {
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .ml-14rem {
        margin-left: 14rem;
    }

    p.my-contact {
        margin: -2rem 0 0 0;
    }

    .ny-city,
    .ca-city {
        margin-top: -18%;
        z-index: 1;
    }

    /* id's */

    #page-footer_cardImage {
        position: relative;
        z-index: 10;
        margin-top: -20.5rem;
        visibility: visible;
    }

    #page-footer_cardTitle.h1,
    #page-footer_cardTitle h1 {
        font-size: 4.5rem;
    }

    #page-footer_cardText.h2,
    #page-footer_cardText h2 {
        font-size: 2rem;
    }

    #page-footer_cardButton.h6,
    #page-footer_cardText p.h6,
    #page-footer_cardButton h6 {
        font-size: 1rem;
    }

    #page-banner_cardText {
        padding-top: 0;
    }
}