.grid-services_callouts {
    margin: 15rem 0 5rem;

    .top {
        img {
            width: 100%;
            max-width: 100%;
        }
    }

    .cap {
        margin-top: -50px;

        img {
            width: 100%;
            height: 50px;
        }
    }

    .icon {
        margin-top: -64px;
        text-align: center;

        img {
            height: 64px;
        }
    }

    h3,
    .h3 {
        color: #ffffff;
        display: block;
        font-size: 1.5000rem;
        background: $blue;
        font-weight: bold;
        margin: 0 0 2rem 0;
        position: relative;
        text-align: center;
        font-family: $font-family-sans-serif;

        a {
            color: #ffffff;
            display: block;
            padding: 3rem 0;
            text-align: center;
            text-decoration: none;
        }
    }
}

@media (max-width: $screen-sm-max) {
    .grid-services_callouts {
        margin-top: 0;

        .cap {
            img {
                height: 51px;
            }
        }

        .row {
            .reveal {
                opacity: 1 !important;
            }
        }
    }
}

@media (max-width: $screen-md-max) {
    .grid-services_callouts {
        .callout {
            padding-bottom: 5rem;
        }
    }
}
