Mobile Site

When viewing my site on a pc or large form factor mobile device, the spacing is correct. However, when I go to a small form factor mobile device, my logo doesnt center and it covers part of my banner, plus there is a huge gap between the spacing of my content.

Would you please let me know where I should start or what I could do. I have tried changing the padding, border, margin settings of my content. And if I mess with my logo in the theme settings than I mess it up for all other form factors.

Thanks in advance.

-Andy