Project One: Evoke redesign: Extra additions

Today in class I finally got a hover working on my social media icons. Below is a screen shot of the HTML code and an example of what the CSS code looks like for one of the icons. I have made the image for the "hover" and "active" state of the icon blue rather than grey which you can see in the screenshot of the webpage below.

In my original design I created in illustrator I had the menu bar text and the footer menu's in a different font to the rest of the webpage. Today I managed to get this working by adding a "font-family" to the specific divs. I now have the font "Century" being used for the footer menu (as shown above) and the main menu bar at the top of the page.