I moved this to it’s own separate thread.
It looks like you’ve already made some edits to the right place on line 1975 in your css –
.header-image .site-header .widget-area {
padding: 0px 0;
padding: 2.5rem 0;
}
The reason you probably didn’t see an immediate change is because the rem has priority in most browsers, so if you change the px, you’ll need to change the rem as well. You could actually just remove the entire rem line if you want and just use the px since it will be easier and you won’t have to calculate the equivalent size in rem.