diff --git a/_includes/footer.html b/_includes/footer.html
index 4264226..9ddd6ea 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,5 +1,5 @@
 <hr>
-<div class="row footer">
+<div id="row-footer">
     <div class="col-md-4">
         <ul>
             <li>
@@ -49,7 +49,7 @@
             <a href="{{ "/feed.xml" | prepend: site.baseurl }}">RSS</a>
           </li>
 	  <li>
-	    <a href="https://wiki.chaospott.de/Verein">Impressum</a> 
+	    <a href="https://wiki.chaospott.de/Verein">Impressum</a>
 	  </li>
         </ul>
     </div>
diff --git a/_sass/_hackimpott.scss b/_sass/_hackimpott.scss
new file mode 100644
index 0000000..203ef06
--- /dev/null
+++ b/_sass/_hackimpott.scss
@@ -0,0 +1,19 @@
+@font-face {
+  font-family: 'Share Tech';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Share Tech'), local('ShareTech-Regular'), url(/fonts/ShareTech-Regular.ttf);
+}
+
+#row-footer a{
+  color:$nav-link-color;
+
+  &:visited {
+    color:$nav-link-color;
+  }
+}
+
+#row-footer li {
+    list-style-type: none;
+    margin-bottom: 0;
+}
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index f03d1c3..a5c38bd 100755
--- a/css/main.scss
+++ b/css/main.scss
@@ -6,7 +6,7 @@
 
 
 // Our variables
-$base-font-family: Helvetica, Arial, sans-serif;
+$base-font-family: 'Share Tech', sans-serif;
 $base-font-size:   16px;
 $small-font-size:  $base-font-size * 0.875;
 $base-line-height: 1.5;
@@ -24,7 +24,7 @@ $grey-color-dark:  darken($grey-color, 25%);
 $on-palm:          600px;
 $on-laptop:        800px;
 
-
+$nav-link-color:  #F00;
 
 // Using media queries with like this:
 // @include media-query($palm) {
@@ -45,5 +45,6 @@ $on-laptop:        800px;
 @import
         "base",
         "layout",
-        "syntax-highlighting"
+        "syntax-highlighting",
+        "hackimpott"
 ;
diff --git a/fonts/ShareTech-Regular.ttf b/fonts/ShareTech-Regular.ttf
new file mode 100644
index 0000000..787ba83
Binary files /dev/null and b/fonts/ShareTech-Regular.ttf differ