Improved top nav responsive pieces

Previously, the top nav bar wouldn't look very good on mid-sized screens (such as an iPad). It was too wide and there were no margins on either side. This should now be improved.

1 files changed, 4 insertions, 3 deletions

diff --git a/static/css/style.css b/static/css/style.css
index acf8de3..d68fe41 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -326,10 +326,11 @@ footer .menu-item a:hover {
     text-decoration: none
 }
 #branding {
-    margin-left: 0;
+    margin: 0 auto;
     height: 80px;
-    padding-left: calc(55% - 62.5rem * .5);
-    padding-right: calc(55% - 62.5rem * .5)
+    max-width: 1000px;
+    padding-left: 7%;
+    padding-right: 7%;
 }
 #site-title {
     margin-top: 25px;