iPad Display Issues (too much whitespace)

I’ve made a tablet specific version of one of my websites (http://youthinnovation.ca). The media query is working fine, but when I view it on the iPad, the page doesn’t fill the screen like I hoped it would. There is a lot of whitespace between the edge of the iPad and where the website starts. Below is a screenshot:

Any help would be greatly appreciated.