diff --git a/_includes/components/sidebar.html b/_includes/components/sidebar.html
index 1fee5f23..6dceb455 100644
--- a/_includes/components/sidebar.html
+++ b/_includes/components/sidebar.html
@@ -1,8 +1,10 @@
 <div class="side-bar">
   <header class="site-header">
-
-    <a href="{{ '/' | relative_url }}" class="site-title lh-tight">
+    <div class="lh-wrapper">
+      <img src="{{site.baseurl}}/assets/images/logo.jpg" alt="Accessibility: Advocate Equal Access">
+      <a href="{{ '/' | relative_url }}" class="site-title lh-tight">
       {{ site.title}}</a>
+    </div>
     <button id="menu-button" class="site-button btn-reset" aria-expanded="false">
       <span>Menu</span>
       <svg viewBox="0 0 24 24" class="icon" aria-hidden="true">
diff --git a/_sass/layout/_layout.scss b/_sass/layout/_layout.scss
index a611e851..6553c63d 100644
--- a/_sass/layout/_layout.scss
+++ b/_sass/layout/_layout.scss
@@ -128,8 +128,30 @@
 
 .site-header {
   display: flex;
-  min-height: $header-height;
   align-items: center;
+
+    .lh-wrapper {
+      align-items: center;
+      display: flex;
+
+      img {
+        max-width: 80px;
+        margin: 0 auto;
+        display: block;
+      }
+
+      @include mq(md) {
+        img {
+          max-width: 80%;
+        }
+      }
+    }
+    @include mq(md) {
+      .lh-wrapper {
+        display: block;
+      }
+    }
+
 }
 
 .site-title {
diff --git a/assets/images/logo.jpg b/assets/images/logo.jpg
new file mode 100644
index 00000000..faa6fb93
Binary files /dev/null and b/assets/images/logo.jpg differ