diff --git a/scss/atat.scss b/scss/atat.scss
index 5e7b2131..579c2260 100644
--- a/scss/atat.scss
+++ b/scss/atat.scss
@@ -9,6 +9,7 @@
 @import 'components/site_action';
 @import 'components/empty_state';
 
+@import 'sections/main';
 @import 'sections/navigation';
 @import 'sections/footer';
 @import 'sections/login';
\ No newline at end of file
diff --git a/scss/sections/_main.scss b/scss/sections/_main.scss
new file mode 100644
index 00000000..9fb92a24
--- /dev/null
+++ b/scss/sections/_main.scss
@@ -0,0 +1,3 @@
+section {
+  margin-bottom: 10rem;
+}
\ No newline at end of file
diff --git a/templates/base.html.to b/templates/base.html.to
index d52ce5ec..2c99539c 100644
--- a/templates/base.html.to
+++ b/templates/base.html.to
@@ -13,11 +13,11 @@
 
   {% include 'header.html.to' %}
 
-  <div class='usa-grid'>
+  <section class='usa-grid'>
     {% block content %}
       these are not the droids you are looking for
     {% end %}
-  </div>
+  </section>