Trouble with different header/font sizes

Hi there! 

I'm trying to have multiple sized paragraph fonts in 1 text block. The only problem is that there's too large of a gap between paragraph 2 and 3 headers. I followed the instructions here: https://forum.squarespace.com/topic/80891-how-to-reduce-space-between-different-text-styles-in-same-text-block/

But they didn't work. I'm trying to reduce the size between these 'THE STUFF' and the bullet points. Please help!!

@maxvu Hi! Can you share your site URL for context? 

Whoops! It's https://maxwellvu.com/information

That worked!

Additionally, is there a way to apply similar sizing to the space between INFO and the body, as well as the spacing between the body and "THE BORING STUFF"? 

@maxvu You can add the following code snippets:

section[data-section-id="66c129079f9b4134c62dc4e5"] p:not(.sqsrte-small):first-of-type {
    margin: 0 !important; 
}

section[data-section-id="66c129079f9b4134c62dc4e5"] .sqsrte-small:nth-of-type(2) {
    margin-top: .4em !important;
    margin-bottom: 0 !important;
}

section[data-section-id="66c129079f9b4134c62dc4e5"] .sqsrte-small:not(li .sqsrte-small):nth-last-of-type(3) {
    margin-top: 0 !important;
    margin-bottom: .4em !important;
}

section[data-section-id="66c129079f9b4134c62dc4e5"] p:not(.sqsrte-small):nth-last-of-type(2) {
    margin-top: 0 !important; 
}