I am using the Logo in centre and 2 navigation menus either side of it, however the logo and menus are not perfectly centred they are a few pixels to the right

http://deanperrin.com.au/aspire/wp-content/uploads/2020/08/Screen-Shot-2020-08-30-at-1.43.43-pm.png

I also want the mobile version of the site to be exactly the same as the desktop version in regards to the header and menu, is that possible? If not is it possible to enlarge the logo, centre it and remove the large gap underneath it?

http://deanperrin.com.au/aspire/wp-content/uploads/2020/08/Screen-Shot-2020-08-30-at-1.43.13-pm.png

Thank you so much, in advance for any help you can offer.

Erica