/* This is the styling for the About Us page.*/

    .layout {
        max-width: none;
        padding: 0;
    }

    @media (min-width: 961px) {
        .layout {
            grid-template-columns: 0 100% 0;
        }
    }

    @media (max-width: 959px) {
        .layout {
            grid-gap: 30px;
            grid-template-columns: 100%;
        }
    }

    @media (min-width: 960px) {
        .envelope-hero--text-center .envelope-hero__content:not(:empty) {
            background: none;
            box-shadow: none;
        }
    }

    .responsibilities .grid__item {
        max-width: none;
        padding: 0;
    }

    .responsibilities .grid__item * {
        color: white;
    }

    .responsibilities .grid__item h4 {
        text-align: center;
    }

    .grid.grid--4col {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        justify-items: center;
        align-items: stretch;
    }

    .align--left,
    .align-left {
        padding-right: 0;
    }

    .grid,
    .pat-resource-listing {
        margin: 0;
        --grid-min-width: 400px;
    }

    @media(max-width: 960px) {
        .grid.grid--4col {
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
        }
    }

    @media(max-width: 650px) {
        .grid.grid--4col {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }
    }

    @media(max-width: 551px) {
        .grid.grid--4col {
            grid-template-columns: repeat(1, 1fr);
            gap: 0px;
        }
    }