make the hamburger menu responsive

change the flow of the contents in the menu creating a smoother UI

Author: mbvgua

about.md

@@ -50,7 +50,7 @@ Here is a look at our current initiatives? Select to learn more.
 
 ## Leadership Team
 
-<div class="grid" style="display:flex; flex-wrap: wrap;" markdown="1">
+<div class="grid" style="display:flex; flex-wrap: wrap; justify-content:center;" markdown="1">
 
 <article class="leadership-photo-container">
 <img class="leadership-photo" alt="photo of Jay" src="https://github.com/kjaymiller.png">

assets/css/bpd.css

@@ -283,11 +283,21 @@ a.logo-text img {
 
   .site-navigation-wrap {
     height: 100%;
+    width: 100%;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     position: relative;
   }
 
+  .site-navigation-wrap ul {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .site-navigation-wrap ul li {
+    width: 90%;
+  }
+
   .menu {
     opacity: 0;
     padding: 7rem 45px 2.5rem;