Primary and Secondary Menu Vertical alignment

Hello,

I am using storefront WITH Powerpack, and usually feol ok doing basic direct css editing as well, but I cannot figure out how to get the two menus to vertically align at base of header exactly the same.

Using Powerpack -> Header Customizer I wanted the Primary Menu on left, Logo center, and Secondary Menu on the right….. but even when I adjust things using the Powerpack Designer -> Add Style for “main navigation link” (odd that it doesnt have an option to select the “primary navigation as a whole”?) and/or secondary navigation I cannot get the two menus to line up the same on the base of the header.

Kinda embarrassing but I had to come in here and ask in case I am missing something obvious….. seemed intuitive to me that lots of people would by default want menus to look aligned if placed on same level…..

Other option, if possible, would be to “split” my primary navigation menu so that some menu items would be floated left and others would be floated to the right but figured that would be a harder solution than just making the two menus match in size and vertical placement……