How to vertically center navigation bar links

Hi there,

I inserted a navigation bar at the top of my website. Within the bar there is a central container. I want my brand logo to be at the left of this container and my links to be at the right of this container. It currently looks like this:

The problem is that the brand logo is taller than the links. The links are at the top of the container, but I want them to be vertically centered. Here are my settings for the container:

I looked for help online, and it seems that I need to change from a Block layout to a Flex layout. So I made his change in the settings:

Now my links are vertically centered, but I can’t get them to sit at the far left and far right sides of my container as they did before, now they are kind of spread across the container:

Can anyone point me in the right direction please?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)