Follow up to adjusting margins or padding in a widget.

Hello
I posted this recently –

The css you sent works well as the last widget before the footer on a page but now I’m trying to place a widget directly under the header.
I can’t seem to get the bottom padding or margin to be 0px. There appears to be 50px below that I can’t target. I’ve tried negative px, eg, -20px, etc but the extra height appears to be in another element.
Here’s a snaggy link –
https://snag.gy/bLoqG6.jpg
The area I’m working on is the black band with the horizontal logo – you can see that the top is right at 0px but not the bottom, even though I’ve added in this css –

/* custom header widget for horizontal logo */

.template-page.content.av-content-full.alpha.units {
padding-top: 0px!important;
padding-bottom: 0px!important;
}

.horizontalLogo {
width: 100% !important;
height: auto !important;
padding: 0px !important;
margin: 0px !important;
}

Thank you in advance :)