.hero__container {
    display: grid;
    grid-template-columns: 
        [full-start] 1fr 
        [content-start] minmax(0, var(--content-half-width))
        [content-middle] minmax(0, var(--content-half-width))
        [content-end] 1fr [full-end];
    grid-template-rows: 600px;
    grid-column: 1 / 5;
    .hero {
        grid-row: 1 / 2;
        height: 100%;
    }
}

.multirow {
    grid-template-rows: [top-padding] 4em 
                        [content-top] repeat(4, auto) 
                        [content-bottom] 4em [bottom-padding];
    .financial-heading {
        display: flex;
        grid-row: 2 / 3;
        justify-content: center;
        align-items: center;
        h2 {
            font-family: "Helvetica Neue LT Com";
            color: var(--secondary);
            font-weight: 400;
            font-size: 3rem;
        }
    }
    .financial-content {
        display: flex;
        align-items: center;
        grid-row: 3 / 4;
    }

    .parallax__container {
        grid-template-rows: repeat(4, minmax(50px, 1fr));
        grid-row: 3 / 5;
    }
}

#wolverine__trading {
    background-color: var(--secondary);
    grid-row: 3 / 4;
    .text__container {
        grid-row: 2 / 3;
        h2, p {
            color: white;
        }
    }
    .parallax-image {
        background-image: url("/assets/images/parallaxing_images/parallax-image4");
        background-size: cover;
    }
}

#pull__quote {
    .graph {
        content: '';
        background-image: url("/assets/images/graph.png");
        background-size: cover;
        height: 100%;
        grid-row: 1 / 7;
    }
    h1 {
        grid-row: 2;
        grid-column: 2 / 4;
        font-family: "Helvetica Neue LT Com";
        font-weight: 400;
        font-size: 3rem;
        text-align: center;
        color: white;
    }
}

#departments {
    .department__list {
        display: flex;
        flex-direction: column;
        justify-content: start;
        grid-column: 2 / 4;
        grid-row: 2 / 3;
        .department__container {
            display: flex;
            justify-content: space-between;
            margin: 5ch 0;
        }
    }
    .text__container {
        max-width: 50%;
        h2 {
            color: var(--secondary);
        }
        p {
            margin: 4ch 0;
            color: black;
        }
    }
    .image {
        -webkit-box-shadow: 20px 20px 20px 0px rgba(0,0,0,0.25); 
        box-shadow: 20px 20px 20px 0px rgba(0,0,0,0.25);
        aspect-ratio: 1 / 1;
        object-fit: cover;
        margin-bottom: 2ch;
        max-width: 40%;
    }
}

.text__container {
    display: flex;
    flex-direction: column;
    justify-content: start;
    p {
        margin: 4ch 0;
    }
}

.parallax__container {
    display: grid;
    grid-template-columns: repeat(8, minmax(50px, 1fr));
    grid-template-rows: repeat(8, minmax(50px, 1fr));
    grid-column-gap: 0px;
    grid-row-gap: 0px; 
    z-index: 4;
    pointer-events: none;
    overflow: visible;
}