section.grid-callout {
    padding: 5rem 0;

    h2 {
        @extend .goudy;
        @extend .headline-lg;
        color: $c-navy;

        @include media-breakpoint-up(md) {
            margin-bottom: 3rem;
        }
    }

    .cta-button {
        margin-bottom: 2rem;
    }

    .callout {
        height: 100%;
        padding: 2rem;

        .image-wrapper {
            padding-bottom: 2rem;

            img {
                width: 47px;
                height: 47px;
            }
        }

        p {
            line-height: 37px;

            &.headline {
                font-weight: 600;
                font-size: 30px;
            }
        }
    }

    .standard-callouts {
        .col {
            padding-top: 1.5rem;

            &:nth-of-type(1), &:nth-of-type(6) {
                .callout {
                    background-color: $c-tan;
                    color: $c-white;
                }
            }

            &:nth-of-type(2), &:nth-of-type(4) {
                .callout {
                    background-color: $c-offWhite;
                    color: $c-navy;

                    img {
                        filter: brightness(0) saturate(100%) invert(21%) sepia(57%) saturate(688%) hue-rotate(162deg) brightness(92%) contrast(88%);
                    }
                }
            }

            &:nth-of-type(3), &:nth-of-type(5) {
                .callout {
                    background-color: $c-lightNavy;
                    color: $c-white;
                }
            }
        }
    }

    .callout.first-callout {
        padding: 2rem 3rem 3rem;
        background-color: $c-navy;
        color: $c-white;

        .image-wrapper {
            text-align: right;
        }

        img {
            transform: scaleX(-1);
            width: 98px;
            height: 98px;
        }
    }
}