diff --git a/assets/index.html b/assets/index.html
index 53d0183..ebd9773 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -8,22 +8,20 @@
     <meta property="og:title" content="SVG Logos"/>
     <meta property="og:site_name" content="Github — Gil Barbara"/>
     <meta property="og:url" content="http://gilbarbara.github.io/logos/"/>
-    <meta property="og:description" content="A collection of svg logos for developers. Programming languages, technologies, editors, libraries, frameworks, servers and services."/>
+    <meta property="og:description" content="A collection of svg logos for developers."/>
     <meta property="og:image" content="http://gilbarbara.github.io/logos/og-image.png"/>
     <meta property="og:type" content="website"/>
     <meta name="google-site-verification" content="hsF0-sA8sjC3wGoPZFBV8zHSJ4w8Suk7JYv-HSwE3B4" />
-    <link href='//fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
     <!-- build:css(.tmp) main.css -->
     <link rel="stylesheet" href=".tmp/main.css">
     <!-- endbuild -->
 </head>
 <body>
 <div class="container">
-    <div class="header">
+    <header>
     	<img src="media/svg-porn.svg" class="logo"/>
     	<h3>A collection of svg logos for developers.</h3>
-	    <h5><a href="https://github.com/gilbarbara/logos" target="_blank">Github</a></h5>
-    </div>
+    </header>
 
     <div class="logos">
         <div>
@@ -435,6 +433,10 @@
             <img src="../logos/yeoman.svg" alt="yeoman" title="yeoman"/>
         </div>
     </div>
+    <footer>
+        <iframe src="https://ghbtns.com/github-btn.html?user=gilbarbara&repo=logos&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
+        <iframe src="https://ghbtns.com/github-btn.html?user=gilbarbara&type=follow&count=true" frameborder="0" scrolling="0" width="160px" height="20px"></iframe>
+    </footer>
 </div>
 </body>
 
diff --git a/assets/media/og-image.png b/assets/media/og-image.png
index d58e4cc..f5114d9 100644
Binary files a/assets/media/og-image.png and b/assets/media/og-image.png differ
diff --git a/assets/styles/main.scss b/assets/styles/main.scss
index 1b967b9..2738e45 100644
--- a/assets/styles/main.scss
+++ b/assets/styles/main.scss
@@ -8,7 +8,7 @@ html {
 
 body {
   background-color: $bg-color;
-  font-family: Montserrat, sans-serif;
+  font-family: Helvetica Helvetica Neue, Helvetica, Arial, sans-serif;
   margin: 0;
   min-height: 100%;
   padding: 0;
@@ -27,7 +27,7 @@ a {
   padding-right: 1.5rem;
 }
 
-.header {
+header {
   padding-top: 3rem;
   text-align: center;
 
@@ -35,41 +35,40 @@ a {
     padding-top: 4rem;
   }
 
+  .logo {
+    width: 95%;
 
-}
+    @include md {
+      width: 70%;
+    }
 
-.logo {
-  width: 95%;
-
-  @include md {
-    width: 70%;
+    @include lg {
+      width: 50%;
+    }
   }
 
-  @include lg {
-    width: 50%;
+  h3 {
+    font-size: 1.8rem;
+    margin: 1.5rem 3rem 0.5rem;
+
+    @include sm {
+      font-size: 2rem;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    @include md {
+      font-size: 2.5rem;
+      margin-top: 2rem;
+      max-width: 80%;
+    }
+
+    @include lg {
+      max-width: 60%;
+    }
   }
 }
 
-h3 {
-  font-size: 1.8rem;
-  margin: 2rem auto 0.5rem;
-
-  @include md {
-    font-size: 2.5rem;
-    margin-top: 4rem;
-    max-width: 80%;
-  }
-
-  @include lg {
-    max-width: 60%;
-  }
-}
-
-h5 {
-  font-size: 1.5rem;
-  margin: 0;
-}
-
 .logos {
   align-items: center;
   display: flex;
@@ -96,3 +95,11 @@ h5 {
     }
   }
 }
+
+footer {
+  border-top: 1px solid #ccc;
+  display: flex;
+  justify-content: space-between;
+  margin: -1.5rem;
+  padding: 1.5rem;
+}
