diff --git a/src/main.scss b/src/main.scss
index bc36556..8f45ffe 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -256,6 +256,10 @@ h1, h2, h3, h4, h5, h6 {
     justify-content: space-between;
     margin-bottom: 4em;
 
+    @media screen and (max-width: $tablet) {
+      margin-bottom: 0;
+    }
+
     .column{
       width: 48%;
       flex-grow: 0;
@@ -264,6 +268,18 @@ h1, h2, h3, h4, h5, h6 {
     }
   }
 
+  .columns.feature .column,
+  .columns.feature-shoutouts .column {
+    @media screen and (max-width: $tablet) {
+      width: 80% !important;
+      margin: 0 auto;
+    }
+
+    @media screen and (max-width: #{$tablet - 300px}) {
+      width: 100% !important;
+    }
+  }
+
   .column.theimage {
     text-align: center;