diff --git a/_sass/_grid.scss b/_sass/_grid.scss
index 186ceff91..5dec74004 100644
--- a/_sass/_grid.scss
+++ b/_sass/_grid.scss
@@ -31,6 +31,8 @@ $massive-up: new-breakpoint(min-width $massive);
     @media only screen and (min-width: $tiny) { @content; }
   } @else if $media == tiny-to-small {
     @media only screen and (min-width: $tiny) and (max-width: $small) { @content; }
+  } @else if $media == tiny-to-medium {
+    @media only screen and (min-width: $tiny) and (max-width: $medium) { @content; }
   } @else if $media == small-down {
     @media only screen and (max-width: $small) { @content; }
   } @else if $media == small-up {
diff --git a/_sass/components/_ribbon.scss b/_sass/components/_ribbon.scss
index 3d867ff11..2d0449c3a 100644
--- a/_sass/components/_ribbon.scss
+++ b/_sass/components/_ribbon.scss
@@ -186,7 +186,9 @@
     position: relative;
 
     &.ribbon-card-home {
-      padding-top: $base-padding-extra;
+      @include respond-to(tiny-down) {
+        padding-top: $base-padding-extra;
+      }
     }
   }
 
@@ -199,6 +201,10 @@
     &.ribbon-hero-home {
       padding-bottom: $base-padding-jumbo;
       padding-top: $base-padding-extra;
+
+      @include respond-to(tiny-to-medium) {
+        padding-bottom: 0;
+      }
     }
 
     &.ribbon-hero-column {