updated jumbotron

Author: Yeliazar

src/pages/Ui/Jumbotron/Jumbotron.vue

@@ -12,7 +12,7 @@
           component for calling extra attention to featured content or information."
         >
           <hr class="my-2" />
-          <p>It uses utility classes for typgraphy and spacing to space
+          <p>It uses utility classes for typography and spacing to space
             content out within the larger container.</p>
           <p class="lead">
             <b-button variant="primary">Learn More</b-button>

src/styles/_overrides.scss

@@ -992,3 +992,35 @@ $slider-handle-size: 26px;
   padding-left: 20px;
   background: $success;
 }
+
+.jumbotron {
+  @include border-radius($widget-border-radius);
+}
+
+.container-fluid .jumbotron, .container .jumbotron {
+  border-radius: 6px;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+@media screen and (min-width: 768px)
+{
+  .jumbotron, .jumbotron {
+    padding-left: 60px;
+    padding-right: 60px;
+  }
+}
+
+@media screen and (min-width: 768px)
+{
+  .jumbotron {
+    padding-bottom: 48px;
+    padding-top: 48px;
+  }
+}
+
+.jumbotron {
+  margin-bottom: 30px;
+  //padding: 30px 60px;
+  background: rgba(233,236,239,1);
+}