Football table smaller

Tables can now have even smaller versions of themselves.
This is going to become particularly useful when we are adding tables to the fronts (this is actually what this work is for, but I'm trying to split it up).

The reason `mixins` are used is so that we can have:
```SaSS
.facia-snap--tiny {
  .football-table { @import table--tiny; }
}
```

# showmeshowmeshowme
![l](https://cloud.githubusercontent.com/assets/31692/2779567/39967c10-cafd-11e3-960d-aed94a5309b1.png)
![m](https://cloud.githubusercontent.com/assets/31692/2779568/3996bbd0-cafd-11e3-9b08-0489cf790d7a.png)
![t](https://cloud.githubusercontent.com/assets/31692/2779569/3999d158-cafd-11e3-9d42-06398dede256.png)

We have also done a new caption on embedded tables:
![cap](https://cloud.githubusercontent.com/assets/31692/2779648/3b3c51d8-cafe-11e3-82f7-7cfde888ea5c.png)


---

The other option that I could think of was JavaScript [element](http://ianstormtaylor.com/media-queries-are-a-hack/) [media](http://www.smashingmagazine.com/2013/06/25/media-queries-are-not-the-answer-element-query-polyfill/) [queries](http://filamentgroup.com/lab/element_query_workarounds/). As there is not spec and all polyfils have quiet severe performance and maintenance problems I thought using what we have would be better.

![Tables](http://24.media.tumblr.com/tumblr_mc3u311AUG1rjpd82o1_500.gif)