tweaking responsive

src/_includes/jumbotron-carousel.html

@@ -33,7 +33,7 @@
             <div class="item"><div><i class="fa-icon fa-icon-book"></i></div></div>
             <div class="item"><div><i class="fa-icon fa-icon-fighter-jet"></i></div></div>
             <div class="item"><div><i class="fa-icon fa-icon-beer"></i></div></div>
-            <div class="item"><div><i class="fa-icon fa-icon-heart-empty"></i></div></div>
+            <div class="item"><div><i class="fa-icon fa-icon-heart-alt"></i></div></div>
             <div class="item"><div><i class="fa-icon fa-icon-thumbs-up-alt"></i></div></div>
           </div>
           <!-- Carousel nav -->

src/assets/less/site/bootstrap/navbar.less

@@ -15,3 +15,5 @@
   &.dropdown-split-right > a { padding-left: 7px; }
   &.dropdown-split-left > a { padding-right: 0; }
 }
+
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: @jumbotron-border; }

src/assets/less/site/bootstrap/variables.less

@@ -109,6 +109,10 @@
 @navbar-inverse-link-hover-color:           #fff;
 @navbar-inverse-link-active-bg:             @navbar-inverse-border;
 
+// Inverted navbar toggle
+@navbar-inverse-toggle-hover-bg:            @jumbotron-bg-dark;
+@navbar-inverse-toggle-icon-bar-bg:         #fff;
+@navbar-inverse-toggle-border-color:        #fff;
 
 //@brand-primary:         @blue-dark;
 //@brand-success:         @green;

src/assets/less/site/fontawesome-icon-list.less

@@ -20,7 +20,7 @@
       }
 
       &:hover {
-        background-color: mix(@jumbotron-bg, #fff, 15%);
+        background-color: mix(@jumbotron-bg, #fff, 12%);
         text-decoration: none;
         .fa-icon {
           *font-size: 28px;

src/assets/less/site/responsive/screen-lg.less

@@ -1,22 +1,24 @@
 @media (min-width: @screen-lg) {
   #icon-carousel {
-    @size: 290px;
+    @size: 240px;
     font-size: @size;
     line-height: @size + 5;
-    .carousel-control {
-      top: @size + 10px;
-      .square(30px);
-      font-size: 40px;
-      line-height: 35px;
-      left: 370/2 - 45px;
-      &.right {
-        right: 370/2 - 45px;
-      }
+    margin-top: @buffer-lg;
+  }
+
+  .carousel-control {
+    top: @size + 25px;
+    .square(30px);
+    font-size: 40px;
+    line-height: 35px;
+    left: 370/2 - 42px;
+    &.right {
+      right: 370/2 - 42px;
     }
   }
 
   .jumbotron-ad {
-    padding: 65px 0 50px;
+    padding: 50px 0;
     h1 {
       margin-top: 25px;
       font-size: 90px;

src/assets/less/site/responsive/screen-sm.less

@@ -3,25 +3,25 @@
     @size: 200px;
     font-size: @size;
     line-height: @size + 5;
-    .carousel-control {
-      top: @size + 10px;
-      .square(30px);
-      left: 228/2 - 40px;
-      &.right {
-        right: 228/2 - 40px;
-      }
+  }
+  .carousel-control {
+    top: @size - 10px;
+    .square(30px);
+    left: 228/2 - 36px;
+    &.right {
+      right: 228/2 - 36px;
     }
   }
 
   .jumbotron-carousel {
     padding: 50px 0;
     h1 { font-size: 65px; }
-    p { font-size: 25px; }
+    p { font-size: 23px; }
     .shameless-self-promotion { font-size: 12px; }
   }
 
   .jumbotron-ad {
-    p { font-size: 28px; }
+    p { font-size: 24px; }
   }
 
   .jumbotron-icon {