Made maximum content width for better window sizing

_layouts/banner.html

@@ -65,7 +65,9 @@
             <svg height="100%" width="100%" viewBox="0 0 5 1" class="downAccent" preserveAspectRatio="none">
               <path d="M 0 0 V 0.2 C 1 0.5 4 0.5 5 0.2 V 0">
             </svg>
-          {{ item }}
+            <div>
+            {{ item }}
+            </div>
           </div>
        {%- elsif forloop.last -%}
           {%- assign strippedItem = item | strip -%}
@@ -76,7 +78,9 @@
               <path d="M 0 1 V 0.8 C 1 0.5 4 0.5 5 0.8 V 1">
              </svg>
             {%- endif -%}
+             <div>
              {{ item }}
+             </div>
             </div>
           {%- endif -%}
        {%- else -%}

_sass/main.scss

@@ -468,9 +468,10 @@ nav  {
         z-index: 0;
     }
 
-    div {
+    > div {
         position: relative;
-        padding: 2em 4em 4em 4em;
+        max-width: 90em;
+        margin: 4em auto 4em auto;
         z-index: 1;
     }
 
@@ -487,7 +488,13 @@ nav  {
 
 .nonItems {
     position: relative;
-    padding: 2em 4em 2em 4em;
+    width: 100%;
+    padding: 2em 0 2em 0;
+
+    > div {
+        margin: auto;
+        max-width: 90em;
+    }
 
     img {
         display: block;