Reduce gap between elements

Site URL: https://www.caseyoneillcopy.com

Hi, 

I am trying to create a services block on my website Caseyoneillcopy.com.

The block should be four columns with three elements each: an icon, a header and a blurb. 

Unfortunately, I am having trouble with the spacing. 

When I set it up using the WYSIWYG tools there is a huge gap between the icon and the header, and then another huge gap between the header and the blurb. This looks okay-ish on desktop.  But it looks really bad on mobile and tablet. 

Is there a code (or codes) I can use to make the elements closer together?

I've tried a bunch from the forum myself at in-page, page and site level - but am having no luck. 

Thanks,

Casey

Add to Home > Design > Custom CSS

.code-block h5 {
    margin-top: 0;
    margin-bottom: 0;
}

Thanks Tuanphan.

This worked a treat!