.page-header {
    background-image: url(/images/misc/floor-blurry-stock.jpg);
    background-position: 0 -200px;
}

#contact-grid-wrapper {
    width: 100vw;
    margin: 50px 0;
    position: relative;
    display: flex;
    justify-content: right;

    #contact-desc-wrapper {
        position: absolute;
        top: 40px; right: 0; left: 0;
        padding: 4vw 5vw;
        padding-right: 50vw;
        background-color: rgba(255,255,255,0.9);
        backdrop-filter: blur(10px) saturate(50%);
        min-height: 100px;
        height: fit-content;
        h2 {
            margin-bottom: 20px;
        }
    }
    #contact-img-wrapper {
        position: absolute;
        top: 20px; right: 0; bottom: 20px; left: 0;

        z-index: -2;

        display: flex;
        justify-content: center;
        align-items: center;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    #contact-info-wrapper {
        background-image: url(/images/textures/stripes.png);
        background-size: 8px;
        max-width: 35vw;
        flex: 1;
        min-height: 400px;
        align-content: center;
        background-color: rgba(2, 119, 197, .9);
        backdrop-filter: blur(10px) saturate(50%);
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 50px 20px 75px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.25);
        h2 {
            font-size: x-large;
            text-align: center;
            padding: 0 2vw 20px;
            border-bottom: 2px solid white;
            margin-bottom: 10px;
        }
        #contact-info-list-wrapper {
            h3 {
                margin-top: 40px;
            }
            span, a {
                display: block;
                font-weight: bold;
                margin-left: 20px;
                color: white;
                text-decoration: none;
                width: fit-content;
            }
            a {
                transition: color .1s;

                &:hover {
                    color: var(--yellow);
                }
            }
        }
    }
}