From 4e2f49f864245a2386669022e6b26dc51822ac2b Mon Sep 17 00:00:00 2001
From: William Zhang <willzhang05@gmail.com>
Date: Fri, 7 Jul 2017 21:11:28 -0400
Subject: [PATCH] fix bad button placements

---
 css/header.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/css/header.css b/css/header.css
index 89c788b..29425f5 100644
--- a/css/header.css
+++ b/css/header.css
@@ -45,17 +45,19 @@ nav#menu {
     display: inline-flex;
     flex-direction: row;
     flex-wrap: nowrap;
+    justify-content: center;
     background-color: #b71c1c;
     box-shadow: 0 28px 79px 0 rgba(66, 129, 121, .27);
 }
 
 a.menu-item {
+    width: 15vw;
     color: #000;
     font-size: 1em;
     z-index: 10;
     display: inline-block;
     float: left;
-    flex-basis: calc(100vw / 4);
+    
 }
 
 button.menu-item {
@@ -70,11 +72,12 @@ button.menu-item {
 }
 
 button.menu-item:hover {
-    color: #9E9E9E;
+    color: #E0E0E0;
 }
 
 button.menu-item:active {
     font-size: 1.4em;
+    color: #BDBDBD;
 }
 
 #dome:before {