diff --git a/assets/css/base/_grid-flex.scss b/assets/css/base/_grid-flex.scss
index 1949146..e632c57 100644
--- a/assets/css/base/_grid-flex.scss
+++ b/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;
 }
diff --git a/assets/css/base/_layout.scss b/assets/css/base/_layout.scss
index 404d8aa..4187bd0 100644
--- a/assets/css/base/_layout.scss
+++ b/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;
     }