diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 9df8dc84e9f2e5a8f5e4a7d63e57acdaed5c8b2b..58b775060b7d09ba23547d97a35824a986ae0ed1 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -3196,9 +3196,9 @@ a.list-group-item.active .list-group-item-text {
 
 .close {
   float: right;
-  font-size: 20px;
+  font-size: 21px;
   font-weight: bold;
-  line-height: 20px;
+  line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 #ffffff;
   opacity: 0.2;
@@ -3386,7 +3386,7 @@ button.close {
 .nav-header {
   display: block;
   padding: 3px 15px;
-  font-size: 11px;
+  font-size: 10.5px;
   font-weight: bold;
   line-height: 20px;
   color: #999999;
@@ -3580,7 +3580,7 @@ button.close {
   padding: 15px;
   margin-right: auto;
   margin-left: auto;
-  font-size: 18px;
+  font-size: 17.5px;
   font-weight: 500;
   line-height: 20px;
   color: #777777;
@@ -4312,7 +4312,7 @@ button.close {
   position: absolute;
   z-index: 1030;
   display: block;
-  font-size: 11px;
+  font-size: 10.5px;
   line-height: 1.4;
   opacity: 0;
   filter: alpha(opacity=0);
@@ -4759,7 +4759,7 @@ a.thumbnail:focus {
   display: inline-block;
   min-width: 10px;
   padding: 3px 7px;
-  font-size: 12px;
+  font-size: 11.9px;
   font-weight: bold;
   line-height: 1;
   color: #fff;
@@ -4859,7 +4859,7 @@ a.list-group-item.active > .badge,
   float: left;
   width: 0;
   height: 100%;
-  font-size: 12px;
+  font-size: 11.9px;
   color: #fff;
   text-align: center;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
@@ -5173,7 +5173,7 @@ a.list-group-item.active > .badge,
     border-radius: 6px;
   }
   .jumbotron h1 {
-    font-size: 60px;
+    font-size: 63px;
   }
 }
 
diff --git a/less/badges.less b/less/badges.less
index 4281550f0d4f10265b082b6322bfd0b1aa1cd5a4..4750cfb75d9bbd7d7d7981bddd432ec29761fdcb 100644
--- a/less/badges.less
+++ b/less/badges.less
@@ -8,7 +8,7 @@
   display: inline-block;
   min-width: 10px;
   padding: 3px 7px;
-  font-size: 12px;
+  font-size: @font-size-small;
   font-weight: bold;
   color: #fff;
   line-height: 1;
diff --git a/less/close.less b/less/close.less
index 6a4fece3a3642445e0cedf81463a3cafc79c8a25..e879da4d62d2a4df21ba9b7eaa24f1a44600247b 100644
--- a/less/close.less
+++ b/less/close.less
@@ -5,9 +5,9 @@
 
 .close {
   float: right;
-  font-size: 20px;
+  font-size: (@font-size-base * 1.5);
   font-weight: bold;
-  line-height: @line-height-base;
+  line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 rgba(255,255,255,1);
   .opacity(.2);
diff --git a/less/jumbotron.less b/less/jumbotron.less
index 6ff696b56f47fa476fcadccd111c152ffd95176c..39bec9be68128eb504f05bfcde85bbc6b9118cad 100644
--- a/less/jumbotron.less
+++ b/less/jumbotron.less
@@ -6,7 +6,7 @@
 .jumbotron {
   padding: 30px;
   margin-bottom: 30px;
-  font-size: 21px;
+  font-size: (@font-size-base * 1.5);
   font-weight: 200;
   line-height: (@line-height-base * 1.5);
   color: @jumbotron-lead-color;
@@ -26,7 +26,7 @@
     border-radius: @border-radius-large; // Only round corners at higher resolutions
 
     h1 {
-      font-size: 60px;
+      font-size: (@font-size-base * 4.5);
     }
   }
 }
diff --git a/less/navbar.less b/less/navbar.less
index 6cee4030c4b0c37911b26f64b82836c278a0fcfe..328d8c018cdba33d39a8c01aa59fbe802b7b0b19 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -83,7 +83,7 @@
   margin-left: auto;
   margin-right: auto;
   padding: 15px;
-  font-size: 18px;
+  font-size: @font-size-large;
   font-weight: 500;
   line-height: @line-height-base;
   color: @navbar-brand-color;
diff --git a/less/navs.less b/less/navs.less
index 86e9caaf9f10216c90671e5dbcdae212dd932745..775f722e52c87d2da29cd99f030c54baf247f963 100644
--- a/less/navs.less
+++ b/less/navs.less
@@ -183,7 +183,7 @@
 .nav-header {
   display: block;
   padding: 3px 15px;
-  font-size: 11px;
+  font-size: @font-size-mini;
   font-weight: bold;
   line-height: @line-height-base;
   color: @gray-light;
diff --git a/less/popovers.less b/less/popovers.less
index 8c64deb175cbc9bc8573fa857ea27cad37edfb9b..fb16d79d694ef5e9379468127584ee7bcf6da851 100644
--- a/less/popovers.less
+++ b/less/popovers.less
@@ -34,7 +34,7 @@
 .popover-title {
   margin: 0; // reset heading margin
   padding: 8px 14px;
-  font-size: 14px;
+  font-size: @font-size-base;
   font-weight: normal;
   line-height: 18px;
   background-color: @popover-title-bg;
diff --git a/less/progress-bars.less b/less/progress-bars.less
index 5f62ae2799b64b4f9346280a809424cf3700fa43..9df0251e3716ba3c4cb842ab0db2acd3b63eed0a 100644
--- a/less/progress-bars.less
+++ b/less/progress-bars.less
@@ -56,7 +56,7 @@
   float: left;
   width: 0%;
   height: 100%;
-  font-size: 12px;
+  font-size: @font-size-small;
   color: #fff;
   text-align: center;
   text-shadow: 0 -1px 0 rgba(0,0,0,.25);
diff --git a/less/tooltip.less b/less/tooltip.less
index 81171fb9b07aaa3639c54239a9557d9784db1f4b..9dba6f04f21f484414d1f16871e8b13e9d16edda 100644
--- a/less/tooltip.less
+++ b/less/tooltip.less
@@ -9,7 +9,7 @@
   z-index: @zindex-tooltip;
   display: block;
   visibility: visible;
-  font-size: 11px;
+  font-size: @font-size-mini;
   line-height: 1.4;
   .opacity(0);