bug fix #789: no more columns on desktop

assets/css/base/_grid-flex.scss

@@ -18,6 +18,27 @@
   @include row;
 }
 
+// small
+.small-row {
+  @media only screen and (max-width: $small-bp) {
+    @include row;
+  }
+}
+
+// medium
+.med-row {
+  @media only screen and (min-width: $small-bp+1) and (max-width: $med-bp) {
+    @include row;
+  }
+}
+
+// large
+.large-row {
+  @media only screen and (min-width: $med-bp+1) {
+    @include row;
+  }
+}
+
 %col-reset {
     box-sizing: border-box;
 }

assets/css/base/_layout.scss

@@ -26,7 +26,7 @@ body{
   header[role="banner"]{
     flex: 0 0 auto;
     @extend %layout-element;
-    padding:1em $side-padding 0 $side-padding;
+    padding:1em $side-padding 1em $side-padding;
     @media only screen and (max-width: $small-bp) {
       padding:1em $side-padding/2 0 $side-padding/2;
     }