Swapped creepy face for logo

layouts/index.html

@@ -5,7 +5,7 @@
     {{{ contents }}}
   </div>
 
-  <img id="face" class="grid__col grid__col--1-of-2" src="../../assets/site/face.png" alt="" />
+  <img id="logo" class="grid__col grid__col--1-of-2" src="../../assets/site/logo.png" alt="" />
 </header>
 
 <ul class="posts grid">

src/app.scss

@@ -38,6 +38,12 @@ body {
   }
 }
 
+#logo {
+  margin-top: 2rem;
+  width: 14rem;
+  float: right;
+}
+
 .container {
   padding: 0 $spacing-md;
   max-width: $max-width;
@@ -58,7 +64,7 @@ h1 + h2 {
 }
 
 @media (max-width: $qry-m) {
-  #face {
+  #logo {
     display: none;
   }