Horrifyingly hacky <br> header fix, will fix soon

_layouts/default.html

@@ -25,6 +25,7 @@
         <header class="masthead">
           <a href="/" class="avatar"><img src="{{ site.avatar }}" /></a>
           <a href="/" class="site-name">{{ site.name }}</a>
+          <br><br>
           <p class="site-description">{{ site.description }}</p>
           
           <nav>

scss/style.scss

@@ -146,6 +146,11 @@ img {
   @include mobile {
     text-align: center;
   }
+
+  // @TODO: OMG this is so bad, I just can't
+  br {
+    visibility: none;
+  }
 }
 
 .avatar {

style.css

@@ -412,6 +412,8 @@ img {
   @media screen and (max-width: 520px) {
     .masthead {
       text-align: center; } }
+  .masthead br {
+    visibility: none; }
 
 .avatar {
   float: left;