diff --git a/layouts/index.html b/layouts/index.html
index f1f1c02..756e351 100644
--- a/layouts/index.html
+++ b/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">
diff --git a/src/app.scss b/src/app.scss
index d6d0188..c6e5c55 100644
--- a/src/app.scss
+++ b/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;
   }
 
diff --git a/src/assets/site/face.png b/src/assets/site/face.png
deleted file mode 100644
index e163ec1..0000000
Binary files a/src/assets/site/face.png and /dev/null differ
diff --git a/src/assets/site/logo.png b/src/assets/site/logo.png
new file mode 100644
index 0000000..94836bc
Binary files /dev/null and b/src/assets/site/logo.png differ