diff --git a/src/sass/components/_header.scss b/src/sass/components/_header.scss
index ac91744..58a9722 100644
--- a/src/sass/components/_header.scss
+++ b/src/sass/components/_header.scss
@@ -2,13 +2,15 @@
 .site-header {
     position: fixed;
     z-index: 10;
-    height: 4rem;
-    width: 100vw;
+    height: 3rem;
+    width: 100%;
     overflow: hidden;
     @include transition;
     &.enabled {
         height: 100vh;
-        width: 100vw;
+    }
+    @include screen(md) {
+        height: 4rem;
     }
 
     &__background {
@@ -51,6 +53,7 @@
     &__top {
         display: flex;
         flex-direction: row;
+        height: 100%;
     }
 
     &__title {
@@ -60,7 +63,10 @@
             display: flex;
             flex-direction: row;
             align-items: center;
-            @include py(1rem);
+            @include py(0.5rem);
+            @include screen(md) {
+                @include py(1rem);
+            }
             color: $white;
             font-size: $text-lg;
             padding-left: 1rem;
@@ -72,23 +78,41 @@
     }
 
     &__nav-button {
-        width: 4rem;
-        height: 4rem;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        height: 100%;
         position: relative;
         cursor: pointer;
         padding: 0.5rem;
+        @include screen(md) {
+            @include py(1rem);
+        }
         text-align: center;
         white-space: nowrap;
         @include transition;
         &:hover {
             background-color: $theme-blue;
         }
+        p {
+            color: $white;
+            margin-right: 0.5rem;
+            display: none;
+            @include screen(md) {
+                display: block;
+            }
+        }
     }
     &__icon {
         width: 3rem;
-        height: 3rem;
+        height: 100%;
         color: $white;
+        display: inline-block;
         @include px(0.50rem);
-        @include py(0.75rem);
+        vertical-align: middle;
+        // @include py(0.25rem);
+        // @include screen(md) {
+        //     @include py(0.75rem);
+        // }
     }
 }
\ No newline at end of file
diff --git a/src/sass/components/_menu.scss b/src/sass/components/_menu.scss
index 2dcac94..04c07d5 100644
--- a/src/sass/components/_menu.scss
+++ b/src/sass/components/_menu.scss
@@ -1,50 +1,52 @@
 .menu {
-    max-height: 0px;
-    display: block;
+  max-height: 0px;
+  display: block;
+  @include transition;
+  overflow: hidden;
+  &.enabled {
+    max-height: 100vh;
+  }
+  &__item {
+    color: $white;
+    height: 3rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    cursor: pointer;
     @include transition;
-    overflow: hidden;
+    @include screen(md) {
+        height: 4rem;
+    }
     
-    &.enabled {
-        max-height: 100vh;
+    &:hover {
+      background-color: $theme-blue;
     }
-    &__item {
-        color: $white;
-        height: 3rem;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        cursor: pointer;
-        @include transition;
 
-        &:hover {
-            background-color: $theme-blue;
-        }
-
-        a {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            width: 100%;
-            height: 100%;
-        }
-        i {
-            display: inline-block;
-            width: 4rem;
-            height: 3rem;
-            color: $white;
-            text-align: center;
-            @include px(0.50rem);
-            @include py(0.75rem);
-        }
-        p {
-            display: inline-block;
-            flex-grow: 1;
-            @include px(1rem);
-        }
+    a {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      width: 100%;
+      height: 100%;
     }
-    &__separator {
-        margin-left: 5rem;
-        margin-right: 4rem;
-        border-top: 0.125rem solid $white;
+    i {
+      display: inline-block;
+      width: 4rem;
+      height: 3rem;
+      color: $white;
+      text-align: center;
+      @include px(0.5rem);
+      @include py(0.75rem);
     }
-}
\ No newline at end of file
+    p {
+      display: inline-block;
+      flex-grow: 1;
+      @include px(1rem);
+    }
+  }
+  &__separator {
+    margin-left: 5rem;
+    margin-right: 4rem;
+    border-top: 0.125rem solid $white;
+  }
+}