Don't use width in your .wrapper

When you do something like that:

.wrapper {
    width: 960px;
    margin: 0 auto;
}

The only problem:
when we have a narrowed window like in mobile devices and the width of block-level elements - like the div you applied the .wrapper class - is too large the browser creates a horizontal scroll and "respect" the width of the element.

Why don't stop use widths and just "limit" the area of your .wrapper?

.wrapper {
    max-width: 960px;
    margin: 0 auto;
}

This way you don't need to worry about evil scrolls or browser support. It is supported by major browsers:
http://caniuse.com/#search=max-width

PS.: Inspect this page .wrapper and see it working