Use .panel-container on base template

scss/elements/_panels.scss

@@ -9,6 +9,11 @@
   border-bottom-width: 1px;
   border-top-style: solid;
   border-bottom-style: solid;
+  margin-bottom: $site-margins-mobile * 2;
+
+  @include media($medium-screen) {
+    margin-bottom: $site-margins * 2;
+  }
 }
 
 @mixin panel-theme-default {
@@ -20,3 +25,22 @@
   @include panel-base;
   @include panel-theme-default;
 }
+
+/*
+ * Panel Container
+ * Grid container for panel blocks
+ */
+
+.panel-container {
+  @include grid-row;
+  @include grid-pad;
+  @include margin(($site-margins-mobile * 2) null);
+
+  @include media($medium-screen) {
+    @include margin(($site-margins * 2) null);
+  }
+
+  > .col {
+    @include grid-pad;
+  }
+}

scss/sections/_main.scss

@@ -1,11 +1,3 @@
-.container {
-  @include margin(($site-margins-mobile * 2) null);
-
-  @include media($medium-screen) {
-    @include margin(($site-margins * 2) null);
-  }
-}
-
 section {
   margin-bottom: 10rem;
 }

templates/base.html.to

@@ -13,7 +13,7 @@
 
   {% include 'header.html.to' %}
 
-  <div class='container'>
+  <div class='panel-container'>
     {% block content %}
       these are not the droids you are looking for
     {% end %}