Align sub links to bottom of items

uses flex box heavily to align sub links as per the design. results in a couple of oddities:

- frustratingly, sub links need to appear twice per item, because the structure needs to be different per layout, because any item can adopt any layout at any breakpoint. therefore, they all need them. because this is a bit crap, one set is `aria-hidden` to try and make it less annoying.
- alignment only works in browsers that support `flex-wrap`. those that don’t just float to the top.

![screen shot 2014-10-06 at 17 20 12](https://cloud.githubusercontent.com/assets/867233/4529211/9faeb79c-4d75-11e4-81ea-cfd9aae18aac.png)
![screen shot 2014-10-06 at 17 20 01](https://cloud.githubusercontent.com/assets/867233/4529258/1d3a3a74-4d76-11e4-9edf-5970ee3e5fae.png)

no - needs to not have the `:before`, only want to clear after