Reduce Size in Storefront Header

Using Storefront, deli child theme. https://hometooutdoors.com/
I am wanting to reduce the extra space in the header, above and below the logo. I found this when searching in Storefront forum – https://www.ads-software.com/support/topic/storefront-white-space-below-header/

#content.site-content {
margin-top: -70px;
}

This removed extra space below category menu bar (not sure what its actually called) and the Homepage Slider. Which I also wanted to do.

I added
#masthead.site-header {
margin-bottom: 20px;
}

But it didn’t do anything for the extra space in the header, above the category menu bar.

Here is a screen shot with arrow and text of the area I am wanting to reduce so the slider shows all. https://i287.photobucket.com/albums/ll152/debwo58/Other%20Images/HTO-Header-Extra-Space.jpg