fix horizontal overflow scrollbar appearing

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 */
 }
 

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 {

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
 ---------------- */

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