Looking to customize header font size and text block padding

Site URL: https://grape-fiddle-5tas.squarespace.com/

Hi – I've been working on a site for a client and would love help on how to:

1) Make the header links a little bigger

2) Make there be overall less vertical padding between the different text blocks throughout. (It's just all so spread-out feeling.)

Any suggestions would be greatly appreciated.

1. Add to Home > Design > Custom CSS

.header-nav-item a {
    font-size: 20px;
}

2. Which text block?

Thank you so much! So here's a screenshot of the two blocks I'd like less vertical padding on: above/below the white text (starting with "I am a licensed Marriage..." and ending with "... and happiness" -- and then the gold-background text below it, above "Specializing in:"

Add to Home > Design > Custom CSS

[data-section-id="5e30fb2ee315a3403828172f"] {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
[data-section-id="5e310f240fffb84a49071e4f"] {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

Thank you so much -- I was able to adjust my header, plus the block of black text on white background.  If you have a second and could answer one more thing -- the lower custom code (ending in e4f) did not reduce the padding size. Is there possibly another code I could customize with?

On 2/22/2020 at 8:22 AM, SFdesigner said:

Thank you so much -- I was able to adjust my header, plus the block of black text on white background.  If you have a second and could answer one more thing -- the lower custom code (ending in e4f) did not reduce the padding size. Is there possibly another code I could customize with?

[data-section-id="5e310f240fffb84a49071e4f"] .content-wrapper {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

Thank you so much -- this worked!