.ServiceOverlay {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background: rgba(255, 255, 255, .8);
}

.Service__name {
    font-size: 2rem;
}

.Service__name__wrapper {
    text-align: center;
}

.Service__icon {
    max-width: 8rem;
    max-height: 8rem;
}

.Service--margined {
    margin-right: -1rem;
}

.Service__desc {
    /*margin-top: 2rem;*/
}

@media (max-width: 768px) {
    .ServiceOverlay {
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center;
    }
    [class*="col-"] {
        margin-top: 1rem;
    }
    .Service__name {
        text-align: center;
    }
    .Service--wrapper {
        text-align: center;
    }
    .Service--margined {
        margin-right: 0;
    }
}