Update the responsiveness of header

Author: jgujerry

index.html

@@ -246,6 +246,26 @@
     }
   }
 
+  @media (max-width: 576px) {
+    .navbar > .container {
+      flex-wrap: wrap;
+    }
+    .navbar-brand {
+      width: 100%;
+      margin-bottom: 0.5rem;
+    }
+    #navbarNav {
+      width: 100%;
+      margin-bottom: 0.5rem;
+    }
+    #navbarNav .navbar-nav {
+      margin-left: 0 !important;
+    }
+    nav.navbar {
+      margin-bottom: 1rem !important;
+    }
+  }
+
 </style>
 </head>