Coding causing spacing problems

Site URL: http://sagepresence.com

I have 3 pieces of text that I'm trying to group closely together on my homepage. One of them -- with the biggest font -- is Custom Coded. The others are standard text. I've been told that the Custom Code is causing spacing issues, keeping me from being able to group them together like I want.

Strangely enough, I've been able to arrange things in a way that looks right to me in design mode (see the first attached file below). But the live version of this adds a ton of space around the elements (see the second file attached).

Can anyone tell me how to get rid of the space?

Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1533145012641_12211 h4 {
    margin-block-end: 0;
}

Tuanphan, think you so much! This got rid of the big space UNDER my headline.

Do you have any thoughts about how I can get rid of the big space OVER my headline?

The two images below are:

(1) How my homepage looks in design mode. (This is how I want it to look.) 

(2) How my homepage currently looks, now that I put your code into Custom CSS. (Which is better than what I had, but not quite what I want.)

5 hours ago, pmachalek said:

Tuanphan, think you so much! This got rid of the big space UNDER my headline.

Do you have any thoughts about how I can get rid of the big space OVER my headline?

The two images below are:

(1) How my homepage looks in design mode. (This is how I want it to look.) 

(2) How my homepage currently looks, now that I put your code into Custom CSS. (Which is better than what I had, but not quite what I want.

 

margin-block-start: 0;

😅