/* xl-viewport.css */
@media only screen and (min-width: 1200px) {
    /* classes */

    .contact-us {
        top: -3%;
        left: 2%;
    }

    .footer-spacing {
        margin-top: 0;
    }

    .gallery {
        margin-top: -66px;
        margin-left: 7rem;
    }

    .gallery-vertical-space {
        margin-top: -9rem;
    }

    .header-spacing {
        margin-top: 1.9rem;
        height: auto;
    }

    .margin-width {
        width: 400px;
    }

    .project-caption {
        margin-left: 7vw;
        height: 1em;
    }

    p.my-contact {
        position: absolute;
        font-size: 1.75rem;
        color: #5C361C;
        text-align: left;
        left: 47%;
        top: 26%;
    }

    /* id's */

    #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 span.h6,
    #page-footer_cardButton h6 {
        font-size: 1rem;
    }
}