Top nav: mobile edits

styles/_top-nav.scss

@@ -367,24 +367,35 @@
     }
     .navbar-toggler {
       border: 0;
+      padding: 30px;
+      font-size: 1rem;
+      display: inline-block;
 
       .navbar-toggler-icon {
         background: none;
+        height: 20px;
+        width: 20px;
+        position: relative;
 
         &::after,
         &::before,
         div {
+          position: absolute;
           content: " ";
           background-color: $gray-100;
           display: block;
+          width: 100%;
           height: 3px;
           transition: all .3s ease-in-out;
         }
         &::before {
-          margin-bottom: 7px;
+          top: 0;
         }
         &::after {
-          margin-top: 7px;
+          bottom: 0;
+        }
+        div {
+          top: calc(50% - 1.5px);
         }
       }
 
@@ -394,7 +405,7 @@
             transform: translateY(14px) rotate(135deg);
           }
           &::after {
-            transform: translateY(-6px) rotate(-135deg);
+            transform: translateY(-9px) rotate(-135deg);
           }
           div {
             transform: scale(0);