Bold font fix for FireFox and getting rid font-weight bold for custom fonts

FireFox renders fonts heavier than other browsers, I have what I feel is a bit hackosaurus of a fix but it works and the other things I researched did not, but I will continue my research.

This problem also reminded me that I left some font-weight: bold in there when I should have been using the font-family so I fixed that.

From [http://www.stormconsultancy.co.uk/blog/development/tips-tricks/dealing-with-firefox-rendering-fonts-too-bold-with-browser-specific-css/]:

@-moz-document is part of the CSS Conditional Rules working draft that currently only Gecko understands, it allows you to turn CSS on based on the URL of the page. There are four functions you can use with this rule, url(), domain(), regexp(), and the one we are using here, url-prefix(). These are all documented at the Mozilla Developer Site. Normally you’d specify a URL prefix, such as “https://mysite.com/wibble/”, to use this CSS on all pages where the URL starts like that. In this case we pass the empty string so all URLs match (every URL starts with the empty string).

Other browsers, not knowing what @-moz-document is, simply ignore it all.