diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index a2a7ebf..fa52919 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -7,3 +7,19 @@ body {
 main {
     flex: 1 0 auto;
 }
+
+nav .brand-logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.brand-logo img {
+    height: 64px;
+}
+
+@media (max-width: 600px) {
+    .brand-logo img {
+        height: 56px;
+    }
+}
diff --git a/views/layout.pug b/views/layout.pug
index 3293ef3..e219fd7 100644
--- a/views/layout.pug
+++ b/views/layout.pug
@@ -31,7 +31,9 @@ html
         li: a(href="/register")=__("layout.register")
     nav.orange(role="navigation")
       div.nav-wrapper.container
-        a.brand-logo(href="/") SOD
+        a.brand-logo(href="/")
+          img(src="/images/logo.png")
+          | SOD
         a.sidenav-trigger(href="#" data-target="mobile-nav"): i.material-icons menu
         ul.right.hide-on-med-and-down
           +nav