diff --git a/assets/sass/_header.scss b/assets/sass/_header.scss
index 3afa7d9..a8f9b00 100644
--- a/assets/sass/_header.scss
+++ b/assets/sass/_header.scss
@@ -16,6 +16,7 @@ header {
 
         .brand {
             $brandSize: 64px;
+            $smallBrandSize: $brandSize/2;
 
             display: flex;
             flex-direction: row;
@@ -27,6 +28,10 @@ header {
             .brand-logo {
                 height: $brandSize;
                 width: auto;
+
+                @media (max-width: $md) {
+                    height: $smallBrandSize;
+                }
             }
 
             .brand-name {
@@ -35,6 +40,15 @@ header {
                 font-size: 28px;
 
                 margin-left: 2rem;
+
+                @media (max-width: $md) {
+                    line-height: $smallBrandSize;
+                    font-size: 20px;
+                }
+
+                @media (max-width: $sm) {
+                    font-size: 16px;
+                }
             }
         }
 
@@ -42,6 +56,7 @@ header {
             .nav-items {
                 display: flex;
                 flex-direction: row;
+                margin: 0 auto;
 
                 list-style: none;