.flex_3_column_callouts {
    .callout {
        padding: 3rem 3rem 5rem 4rem;
        line-height: 37px;

        .image-wrapper {
            margin-bottom: 3rem;
        }

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

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

        &:first-of-type {
            background-color: $c-navy;
            color: $c-white;
        }

        &:nth-of-type(2) {
            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%);
            }
        }

        &:last-of-type {
            background-color: $c-charcoal;
            color: $c-white;
        }
    }
}