made adjustments to the content area of the front page

diff --git a/css/app.css b/css/app.css
index 77902e1..027f72c 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6398,7 +6398,7 @@ main.page-front {
     main.page-front {
       padding-bottom: 0; } }
   main.page-front #main-content {
-    padding: 70px 0 50px; }
+    padding: 70px 15px 50px; }
     @media only screen and (max-width: 40em) {
       main.page-front #main-content {
         padding-top: 5px; } }

diff --git a/front-page.php b/front-page.php
index 83a072b..6c12a45 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -3,7 +3,7 @@
     <?php get_template_part('parts/slide-show');?>
     <div id="content-wrapper">
         <div class="row">
-            <div id="main-content" class="small-12 columns text-center">
+            <div id="main-content" class="small-8 small-centered columns text-center">
                 <?php if(have_posts()) : while(have_posts()): the_post();?>
                 <?php the_content();?>
                 <?php endwhile; else:?>

diff --git a/scss/_main.scss b/scss/_main.scss
index 7a2f26a..89b767e 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -7,7 +7,7 @@ main.page-front {
         padding-bottom: 0;
     }
     #main-content {
-        padding: 70px 0 50px;
+        padding: 70px 15px 50px;
         @media #{$small-only}{
             padding-top: 5px;
         }