The space that you see under the logo is actually coming from the widget area. The widget area has padding on top and bottom, and that pushes the content below it down further (which is why you see extra space under the logo). You can change it from line 1974 in your css –
.header-image .site-header .widget-area {
padding: 40px 0;
padding: 2.5rem 0;
}
You’ll need to use an rem calculator to change the 2.5rem part. If you want to remove it and just use the padding, you can, and once you figure out how many pixels you’ll need, you can convert that into rem and add it back.
Last, the space under the primary nav is coming from your .head-wrap
which can be found on line 1875 –
.head-wrap {
background: #303236;
margin: 0 0 40px;
}