Remove Area Between Logo and Nav Bar

Is there a way to remove the space between the logo in the header and the navigation bar?

I tried changing the following code but I wasn’t able to see any improvements:
}
.site-header .site-branding {
position: relative;
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
padding-bottom: 10px;
}

Thank you!