align center menu and logo

your logo seems to be fine.
for the menu, you will need to remove the left margin of the first menu element.

This should do the trick:

.primary-menu > li:first-of-type {
    margin-left: 0;
}

Check this for browser support and more information on the :first-of-type selector:
https://developer.mozilla.org/en-US/docs/Web/CSS/:first-of-type

Thank you!