diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 41a67a6..98adeb6 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -27,12 +27,14 @@
     {{- template "_internal/twitter_cards.html" -}}
   </head>
   <body>
-    <h1 id="site-title"><a href="{{ relURL "/" }}">{{ .Site.Title }}</a></h1>
+    <header>
+      <h1 id="site-title"><a href="{{ relURL "/" }}">{{ .Site.Title }}</a></h1>
 
-    <div id="site-social">
-    {{ range .Site.Params.social}}
-      <a href="{{ .url }}" title="{{ .title }}">
-        <i class="fa {{ .fa_icon }}"></i>
-      </a>
-    {{ end }}
-    </div>
+      <div id="site-social">
+      {{ range .Site.Params.social}}
+        <a href="{{ .url }}" title="{{ .title }}">
+          <i class="fa {{ .fa_icon }}"></i>
+        </a>
+      {{ end }}
+      </div>
+    </header>
diff --git a/static/css/main.css b/static/css/main.css
index a5132e6..7c1a7e6 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -191,6 +191,10 @@ ul.tag-cloud li a, ul.tag-cloud li a:visited {
   color: white;
 }
 
+header {
+  margin: 60px 0;
+}
+
 @media screen and (max-width: 599px) {
     body {
       width: 90%;
