Use waypoints to animate global nav

* Add `waypoints` to project.
* Use `translate` to create fade-in effect in CSS.

https://trello.com/c/XJHlxDcO

![middleman-fixed-globalnav-waypoints](https://cloud.githubusercontent.com/assets/816402/4983915/e76d15aa-691e-11e4-9345-252e7d7f70b4.gif)


I think you'll want to wrap this in the [jQuery document ready](http://api.jquery.com/ready/) function wrapper to ensure the needed elements are loaded and ready:

```
$(function() {
  // ... your code in here
});
```