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

    h2 {
        @extend .goudy;
        color: $c-navy;
        font-size: 70px;
        line-height: 70px;
        margin-bottom: 3rem;
    }

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

        p {
            line-height: 37px;

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

    .standard-callouts {
        .col {
            &:first-of-type {
                .callout {
                    background-color: $c-tan;
                    color: $c-white;
                }
            }

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

    .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;
        }
    }
}