Centering Header

I have centered my nav and logo image on my site and everything looks fine when viewing on a computer screen. However, when I view site on my iphone the nav and header image (ie my logo) shifts to the left. I can’t figure out what the issue is.

url:

perqcoffeebar.com

I tried giving the header a width to fix the problem. It did successfully cente the header and appeared correct on iphone. However, it shifted my content below my header to left. So, it didnt work.

Any suggestion would be greatly appreciate!

Thank you!