I found the error.
The code for the navigation you provided has a typo.
It should say:
.sf-menu {
max-width: 840px;
margin: 0 auto;
}
Fixed it and worked perfectly. You saved the day. Much appreciated!
The code for the logo worked perfectly!
However, not the same for the navigation bar. It is still to the left.
Thanks for your help Brad!
Worked perfectly. Thank you so much!