title: CSS cutting off the right side of my webpage.
body: <p>Hey guys not sure what the deal is but when the page is at full screen it all comes into view fine but when the browser is resized down to half or enough to get the top nav bar off the screen it will just cut it off and not animate unless you hover over it. I'm super new to CSS so I'm not really sure what would be causing it because a lot of this code is google-copypasted. So yeah any diagnostics or thoughts on what it might be would be awesome!!</p>
  
  <p><a href="http://jsfiddle.net/YkevD/" rel="nofollow"><strong>fiddle</strong></a></p>