diff --git a/static/css/base.css b/static/css/base.css
index 4cd1786..887f1d2 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -20,6 +20,7 @@ body {
   font-size: 1.4rem;
   flex-direction: column;
   width: 100vw;
+  overflow-x: hidden;
   /* 14px default before jquery scalling */
 }
 
diff --git a/static/css/navbar.css b/static/css/navbar.css
index aad0a87..5e53830 100644
--- a/static/css/navbar.css
+++ b/static/css/navbar.css
@@ -68,12 +68,13 @@
   color: white;
 }
 
-@media only screen and (min-width: 900px) {
+@media only screen and (min-width: 1000px) {
   .nav-bar {
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     align-items: center;
+    padding-right: 1em;
   }
 
   .nav-bar__menu {
diff --git a/static/css/page.css b/static/css/page.css
index 3921b6a..9eb6b5f 100644
--- a/static/css/page.css
+++ b/static/css/page.css
@@ -135,6 +135,10 @@
   padding: 1em;
 }
 
+ /*fix for fucking google chrome pushing up overflow content */
+.section__content--modal * {
+  flex-shrink: 0;
+}
 /* ----------------
  	Hero Section
 ---------------- */
diff --git a/static/js/page.js b/static/js/page.js
index 9e4d7ae..f506772 100644
--- a/static/js/page.js
+++ b/static/js/page.js
@@ -48,7 +48,7 @@ function heroResize(bfr = 30) {
     //console.log('fr after', fr)
 
   $('#hero').css({
-    width: w + 10,
+    width: w+15,
     height: h / w > 1.5 ? w * 1.5 : h,
   });
 
@@ -174,3 +174,6 @@ function lightgallery(id) {
 }(jQuery));
 
 // end modal
+l
+l
+l