diff --git a/css/_iconfont.scss b/css/_iconfont.scss
index e03c88c..e8043f4 100644
--- a/css/_iconfont.scss
+++ b/css/_iconfont.scss
@@ -4,7 +4,7 @@
   src:url('/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
       url('/fonts/icomoon.woff') format('woff'),
       url('/fonts/icomoon.ttf') format('truetype'),
-      url('fonts/icomoon.svg#icomoon') format('svg');
+      url('/fonts/icomoon.svg#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -23,34 +23,40 @@
 
 /* Use the following CSS code if you want to have a class per icon */
 /*
-Instead of a list of all class selectors,
-you can use the generic selector below, but it's slower:
- */
-  [class*="icon-"]:before {
-    font-family: 'icomoon';
-    speak: none;
-    font-style: normal;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-  }
-  .icon-logo:before {
-    content: "\e000";
-  }
-  .icon-mail:before {
-    content: "\e001";
-  }
-  .icon-earth:before {
-    content: "\e002";
-  }
-  .icon-phone:before {
-    content: "\e003";
-  }
-  .icon-github:before {
-    content: "\e004";
-  }
-  .icon-skype:before {
-    content: "\e005";
-  }
+  Instead of a list of all class selectors,
+  you can use the generic selector below, but it's slower:
+*/
+[class*="icon-"]:before {
+  font-family: 'icomoon';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+}
+.icon-logo:before {
+  content: "\e000";
+}
+.icon-mail:before {
+  content: "\e001";
+}
+.icon-earth:before {
+  content: "\e002";
+}
+.icon-phone:before {
+  content: "\e003";
+}
+.icon-github:before {
+  content: "\e004";
+}
+.icon-twitter:before {
+  content: "\e006";
+}
+.icon-apple:before {
+  content: "\e007";
+}
+.icon-skype:before {
+  content: "\e005";
+}
diff --git a/css/style.css.sass b/css/style.css.sass
index 78ba716..baf1dc3 100644
--- a/css/style.css.sass
+++ b/css/style.css.sass
@@ -100,7 +100,8 @@ h1
   &:before
     display: block
     font-size: 1.5em
-    margin-top: 0
+    margin-top: 0.3em
+    margin-bottom: 0.1em
     text-align: center
 
 /* Hide the logomark in ie7/8 as it just doesn't work correctly. It's not essential.
@@ -453,8 +454,8 @@ div, input, textarea
 
 /*/mediaquery
 
-/*480px __________________________________________________________________________________________________________
-@media only screen and (min-width: 480px)
+/*500px __________________________________________________________________________________________________________
+@media only screen and (min-width: 500px)
   /*  1.ROOT
   body
     font-size: 1.05em
@@ -473,6 +474,7 @@ div, input, textarea
       position: relative
       top: 0em
       text-align: right
+      margin-top: 0
       margin-bottom: -0.5em
   h2
     text-align: left
diff --git a/sections/contact.html.haml b/sections/contact.html.haml
index 7533a6a..1745e95 100644
--- a/sections/contact.html.haml
+++ b/sections/contact.html.haml
@@ -3,7 +3,11 @@
   %span.given-name Dan
   %span.family-name Barber
 %p
-  %a.email{:href => "mailto:cv@danbarber.me"} cv@danbarber.me
+  %a.email{:href => "mailto:hello@danbarber.me"} hello@danbarber.me
 %p.tel +44 (0) 1752 546981
 %p
   %a.url{:href => "http://pixelhum.com"} http://danbarber.me
+%p.icon-github
+  %a.url{:href => "http://github.com/danbee"} github.com/danbee
+%p.icon-twitter
+  %a.url{:href => "http://twitter.com/danbee"} @danbee