Move viewport-dependent padding tweak into main .jumbotron block

Refs #18259
[skip sauce]

1 files changed, 4 insertions, 6 deletions

diff --git a/scss/_jumbotron.scss b/scss/_jumbotron.scss
index 97806afed..b12d465d9 100644
--- a/scss/_jumbotron.scss
+++ b/scss/_jumbotron.scss
@@ -3,18 +3,16 @@
   margin-bottom: $jumbotron-padding;
   background-color: $jumbotron-bg;
   @include border-radius($border-radius-lg);
+
+  @include media-breakpoint-up(sm) {
+    padding: ($jumbotron-padding * 2) $jumbotron-padding;
+  }
 }
 
 .jumbotron-hr {
   border-top-color: darken($jumbotron-bg, 10%);
 }
 
-@include media-breakpoint-up(sm) {
-  .jumbotron {
-    padding: ($jumbotron-padding * 2) $jumbotron-padding;
-  }
-}
-
 .jumbotron-fluid {
   padding-right: 0;
   padding-left: 0;