Horizontal scroll bar appearing in all mobile browsers
===

I have a very simple website that creates a horizontal scrollbar in the following:

**Android:**

Chrome

Firefox

Opera Mini

*Not in Android Default browser but the site looks broken*

**iOS:**

Safari


----------


It's really no big deal but I'm comparing my website to the full desktop site of `http://google.com` and Google's website doesn't get the same problem as mine.

I am still pretty new at CSS and HTML and I feel like I'm breaking some really simple rule I don't know about that is creating this problem. Any ideas on how to fix this?

If you would like to test it. Go to http://natio.in