fixed layout for xlarge screens

app/assets/stylesheets/supplier/foundation1/_qstructure.sass

@@ -1,4 +1,31 @@
 $side-spacing: 0px
+header.top-menu
+  height: 90px
+.main-section
+  +panel($bg:rgba(200,200,200,0.9))
+  padding: 0
+  padding-bottom: 72px
+  margin: 0
+  min-height: 100%
+@media #{$xlarge-up}
+  header.top-menu
+    position: fixed
+    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75)
+    z-index: 4022
+    width: 100%
+  .main-section
+    @media #{$xlarge-up}
+      padding-top: 130px
+      min-height: 900px
+  .main-section-header
+    position: fixed
+    top: 90px
+    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75)
+    z-index: 4030
+    background-color: rgba(200,200,200, 0.5)
+h2.main-section-header
+  font-size: 1.4em
+  padding: 4px
 .supplier-is-closed
   +alert($bg: $secondary-color)
   .close
@@ -52,12 +79,6 @@ body
   height: 100%
   padding: 0
   margin: 0
-.main-section
-  +panel($bg:rgba(200,200,200,0.9))
-  padding: 0
-  padding-bottom: 72px
-  margin: 0
-  min-height: 100%
 
 .hide, .hidden
   display: none