Reduce padding/div around logo: more room for nav links

Site URL: http://dustin.land

Hello everyone,

I'd love your help being able to use CSS to reduce the div / padding arounf the main logo in the header.
When the browser is resized, the nav links will drop a line to make room for the huge amount of side space surrounding the logo. See attached. Any help would be appreciated!

Dustin

Try this CSS

.header-title.header-title--use-mobile-logo {
    width: 20% !important;
    flex: 1 1 20% !important;
}

Thanks for the reply!

This shifts the logo off-centre. The padding on the right end of the nav links is too large still and breaks the line with still lots of space to go towards the logo. 

this one is very hard to target code to make it function right.