Alignment issue
Thanks for creating these icons! I'm trying to use them in a Jekyll site based on the [beautiful Jekyll](https://github.com/daattali/beautiful-jekyll) template. There's a row of (stacks of) Font-Awesome icons in the footer:
![screen shot 2016-04-04 at 17 37 59](https://cloud.githubusercontent.com/assets/38760/14264045/0431954e-fa8c-11e5-99f4-6bf4ddab0938.png)
But as soon as I include the Academicons css, their alignment gets out of whack:
![screen shot 2016-04-04 at 17 39 09](https://cloud.githubusercontent.com/assets/38760/14264073/2a0130b8-fa8c-11e5-94f0-a8c4a1084418.png)
If I try to add an Academicon to the row, I get this nonsense:
![screen shot 2016-04-04 at 17 39 36](https://cloud.githubusercontent.com/assets/38760/14264099/43e9ed58-fa8c-11e5-94a5-2dd7974798a8.png)
I apologize for my ignorance of all things css, but do you have any idea where the conflict might come from? The code for the footer is [here](https://github.com/daattali/beautiful-jekyll/blob/master/_includes/footer.html).

Thanks in advance!
