Make jumbotron mo responsive

1 files changed, 14 insertions, 7 deletions

diff --git a/less/jumbotron.less b/less/jumbotron.less
index add431969..18de623fd 100644
--- a/less/jumbotron.less
+++ b/less/jumbotron.less
@@ -4,22 +4,29 @@
 
 
 .jumbotron {
-  padding: 60px;
+  padding: 30px;
   margin-bottom: 30px;
-  font-size: 18px;
+  font-size: 21px;
   font-weight: 200;
   line-height: @line-height-base * 1.5;
   color: @jumbotron-lead-color;
   background-color: @jumbotron-background;
   border-radius: 6px;
   h1 {
-    margin-bottom: 0;
-    font-size: 60px;
     line-height: 1;
     color: @jumbotron-heading-color;
-    letter-spacing: -1px;
   }
-  li {
-    line-height: @line-height-base * 1.5; // Reset since we specify in type.less
+  p {
+    line-height: 1.4;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .jumbotron {
+    padding: 50px 60px;
+
+    h1 {
+      font-size: 60px;
+    }
   }
 }