fixing background color issue for icon pages

src/assets/font-awesome/less/path.less

@@ -3,12 +3,12 @@
 
 @font-face {
   font-family: 'FontAwesome';
-//  src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=@{FontAwesomeVersion}');
-//  src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=@{FontAwesomeVersion}') format('embedded-opentype'),
-//    url('@{FontAwesomePath}/fontawesome-webfont.woff?v=@{FontAwesomeVersion}') format('woff'),
-//    url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=@{FontAwesomeVersion}') format('truetype'),
-//    url('@{FontAwesomePath}/fontawesome-webfont.svg?v=@{FontAwesomeVersion}#fontawesomeregular') format('svg');
-  src: url('@{FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
+  src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=@{FontAwesomeVersion}');
+  src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=@{FontAwesomeVersion}') format('embedded-opentype'),
+    url('@{FontAwesomePath}/fontawesome-webfont.woff?v=@{FontAwesomeVersion}') format('woff'),
+    url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=@{FontAwesomeVersion}') format('truetype'),
+    url('@{FontAwesomePath}/fontawesome-webfont.svg?v=@{FontAwesomeVersion}#fontawesomeregular') format('svg');
+//  src: url('@{FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
   font-weight: normal;
   font-style: normal;
 }

src/assets/less/site/bootstrap/jumbotron.less

@@ -1,5 +1,5 @@
 .jumbotron {
-  background-color: @jumbotron-bg;
+  background-color: lighten(@jumbotron-bg, 2%);
 //  #gradient > .directional(@jumbotron-bg, mix(@jumbotron-bg, @jumbotron-bg-dark, 0%), -40deg);
   border-top: 1px solid mix(@jumbotron-bg, @jumbotron-text, 90%);
   border-bottom: 1px solid @jumbotron-border;

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

@@ -1,21 +1,15 @@
 // SITE SPECIFIC NAVBAR STYLES
 
 .navbar { margin-bottom: 0; }
-
+.navbar-inverse { background-color: lighten(@jumbotron-bg, 2%); }
 .navbar-brand {
   font-family: @font-family-serif;
   font-weight: 300;
   font-size: 20px;
   .fa-icon-flag { padding-right: 3px; }
 }
-
 .navbar-nav > li > a { padding: 11px 10px 9px; }
 
-//.navbar-nav > li > a {
-//  padding-top: 16px;
-//  padding-bottom: 14px;
-//}
-
 // makes dropdowns closer for split dropdown
 .navbar-nav > li {
   &.dropdown-split-right > a { padding-left: 7px; }

src/assets/less/site/footer.less

@@ -1,6 +1,6 @@
 #footer {
   //  #gradient > .vertical(@navbarInverseBackgroundHighlight, @navbarInverseBackground);
-  background-color: @jumbotron-bg;
+  background-color: lighten(@jumbotron-bg, 2%);
   border-top: 1px solid @jumbotron-border;
   color: mix(@jumbotron-text, @jumbotron-bg, 60%);
   text-shadow: 0 1px 0 rgba(0,0,0,0.15);