added tux on mobile menu

FireInfo font-size addjusted
correct Footer columns
fluid container
adjust font weight

diff --git a/static/css/style.css b/static/css/style.css
index 91193d89e5b3110ae5a2c75c78442aff1e37386f..808a36de6504e31fcdabb5946f367f0c33586768 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -382,56 +382,56 @@ h1, h2, h3, h4, h5, h6,
   color: inherit; }
 
 h1, .h1 {
-  font-size: 2.25rem; }
+  font-size: 36px; }
 
 h2, .h2 {
-  font-size: 2rem; }
+  font-size: 32px; }
 
 h3, .h3 {
-  font-size: 1.5rem; }
+  font-size: 24px; }
 
 h4, .h4 {
-  font-size: 1.25rem; }
+  font-size: 20px; }
 
 h5, .h5 {
-  font-size: 1rem; }
+  font-size: 16px; }
 
 h6, .h6 {
-  font-size: 0.75rem; }
+  font-size: 12px; }
 
 .lead {
-  font-size: 1.5rem;
+  font-size: 24px;
   font-weight: 300; }
 
 .display-1 {
-  font-size: 7.5rem;
+  font-size: 120px;
   font-weight: 300;
   line-height: 1.1; }
 
 .display-2 {
-  font-size: 3rem;
+  font-size: 48px;
   font-weight: 300;
   line-height: 1.1; }
 
 .display-3 {
-  font-size: 2.25rem;
+  font-size: 32px;
   font-weight: 300;
   line-height: 1.1; }
 
 .display-4 {
-  font-size: 1.5rem;
+  font-size: 24px;
   font-weight: 300;
   line-height: 1.1; }
 
 hr {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
+  margin-top: 8px;
+  margin-bottom: 8px;
   border: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1); }
 
 small,
 .small {
-  font-size: 0.875rem;
+  font-size: 14px;
   font-weight: 400; }
 
 mark,
@@ -457,8 +457,8 @@ mark,
   text-transform: uppercase; }
 
 .blockquote {
-  padding: 0.25rem 0.5rem;
-  margin-bottom: 0.5rem;
+  padding: 4px 8px;
+  margin-bottom: 8px;
   font-size: 1.25rem;
   border-left: 0.25rem solid #eceeef; }
 
@@ -470,7 +470,7 @@ mark,
     content: "\2014 \00A0"; }
 
 .blockquote-reverse {
-  padding-right: 0.5rem;
+  padding-right: 8px;
   padding-left: 0;
   text-align: right;
   border-right: 0.25rem solid #eceeef;
@@ -1409,7 +1409,7 @@ mark,
       -ms-user-select: none;
           user-select: none;
   border: 2px solid transparent;
-  padding: 0.5rem 1rem;
+  padding: 8px 16px;
   font-size: 1rem;
   border-radius: 0.25rem;
   -webkit-transition: all 0.2s ease-in-out;
@@ -1689,12 +1689,12 @@ fieldset[disabled] a.btn {
       text-decoration: none; }
 
 .btn-lg, .btn-group-lg > .btn {
-  padding: 0.75rem 2rem;
-  font-size: 1.25rem;
-  border-radius: 0.125rem; }
+  padding: 12px 32px;
+  font-size: 20px;
+  border-radius: 2px; }
 
 .btn-sm, .btn-group-sm > .btn {
-  padding: 0.25rem 0.5rem;
+  padding: 4px 8px;
   font-size: 0.875rem;
   border-radius: 0.2rem; }
 
@@ -1703,7 +1703,7 @@ fieldset[disabled] a.btn {
   width: 100%; }
 
 .btn-block + .btn-block {
-  margin-top: 0.5rem; }
+  margin-top: 8px; }
 
 input[type="submit"].btn-block,
 input[type="reset"].btn-block,
@@ -1810,18 +1810,18 @@ tbody.collapse.show {
   outline: 0; }
 
 .btn + .dropdown-toggle-split {
-  padding-right: 0.75rem;
-  padding-left: 0.75rem; }
+  padding-right: 12px;
+  padding-left: 12px; }
   .btn + .dropdown-toggle-split::after {
     margin-left: 0; }
 
 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
-  padding-right: 0.375rem;
-  padding-left: 0.375rem; }
+  padding-right: 6px;
+  padding-left: 6px; }
 
 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
-  padding-right: 1.5rem;
-  padding-left: 1.5rem; }
+  padding-right: 24px;
+  padding-left: 24px; }
 
 .btn-group-vertical {
   display: -webkit-inline-box;
@@ -1888,7 +1888,7 @@ tbody.collapse.show {
 
 .nav-link {
   display: block;
-  padding: 0.5em 1.5em; }
+  padding: 8px 24px; }
   .nav-link:focus, .nav-link:hover {
     text-decoration: none; }
   .nav-link.disabled {
@@ -1955,14 +1955,14 @@ tbody.collapse.show {
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  padding: 0.5rem 0.5rem; }
+  padding: 8px 8px; }
 
 .navbar-brand {
   display: inline-block;
   padding-top: .25rem;
   padding-bottom: .25rem;
-  margin-right: 0.5rem;
-  font-size: 1.25rem;
+  margin-right: 8px;
+  font-size: 20px;
   line-height: inherit;
   white-space: nowrap; }
   .navbar-brand:focus, .navbar-brand:hover {
@@ -2011,11 +2011,11 @@ tbody.collapse.show {
 
 .navbar-toggler-left {
   position: absolute;
-  left: 0.5rem; }
+  left: 8px; }
 
 .navbar-toggler-right {
   position: absolute;
-  right: 0.5rem; }
+  right: 8px; }
 
 @media (max-width: 575px) {
   .navbar-toggleable .navbar-nav .dropdown-menu {
@@ -3495,142 +3495,142 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   margin-bottom: 0 !important; }
 
 .m-1 {
-  margin: 0.125rem 0.125rem !important; }
+  margin: 2px 2px !important; }
 
 .mt-1 {
-  margin-top: 0.125rem !important; }
+  margin-top: 2px !important; }
 
 .mr-1 {
-  margin-right: 0.125rem !important; }
+  margin-right: 2px !important; }
 
 .mb-1 {
-  margin-bottom: 0.125rem !important; }
+  margin-bottom: 2px !important; }
 
 .ml-1 {
-  margin-left: 0.125rem !important; }
+  margin-left: 2px !important; }
 
 .mx-1 {
-  margin-right: 0.125rem !important;
-  margin-left: 0.125rem !important; }
+  margin-right: 2px !important;
+  margin-left: 2px !important; }
 
 .my-1 {
-  margin-top: 0.125rem !important;
-  margin-bottom: 0.125rem !important; }
+  margin-top: 2px !important;
+  margin-bottom: 2px !important; }
 
 .m-2 {
-  margin: 0.25rem 0.25rem !important; }
+  margin: 4px 4px !important; }
 
 .mt-2 {
-  margin-top: 0.25rem !important; }
+  margin-top: 4px !important; }
 
 .mr-2 {
-  margin-right: 0.25rem !important; }
+  margin-right: 4px !important; }
 
 .mb-2 {
-  margin-bottom: 0.25rem !important; }
+  margin-bottom: 4px !important; }
 
 .ml-2 {
-  margin-left: 0.25rem !important; }
+  margin-left: 4px !important; }
 
 .mx-2 {
-  margin-right: 0.25rem !important;
-  margin-left: 0.25rem !important; }
+  margin-right: 4px !important;
+  margin-left: 4px !important; }
 
 .my-2 {
-  margin-top: 0.25rem !important;
-  margin-bottom: 0.25rem !important; }
+  margin-top: 4px !important;
+  margin-bottom: 4px !important; }
 
 .m-3 {
-  margin: 0.5rem 0.5rem !important; }
+  margin: 8px 8px !important; }
 
 .mt-3 {
-  margin-top: 0.5rem !important; }
+  margin-top: 8px !important; }
 
 .mr-3 {
-  margin-right: 0.5rem !important; }
+  margin-right: 8px !important; }
 
 .mb-3 {
-  margin-bottom: 0.5rem !important; }
+  margin-bottom: 8px !important; }
 
 .ml-3 {
-  margin-left: 0.5rem !important; }
+  margin-left: 8px !important; }
 
 .mx-3 {
-  margin-right: 0.5rem !important;
-  margin-left: 0.5rem !important; }
+  margin-right: 8px !important;
+  margin-left: 8px !important; }
 
 .my-3 {
-  margin-top: 0.5rem !important;
-  margin-bottom: 0.5rem !important; }
+  margin-top: 8px !important;
+  margin-bottom: 8px !important; }
 
 .m-4 {
-  margin: 0.75rem 0.75rem !important; }
+  margin: 12px 12px !important; }
 
 .mt-4 {
-  margin-top: 0.75rem !important; }
+  margin-top: 12px !important; }
 
 .mr-4 {
-  margin-right: 0.75rem !important; }
+  margin-right: 12px !important; }
 
 .mb-4 {
-  margin-bottom: 0.75rem !important; }
+  margin-bottom: 12px !important; }
 
 .ml-4 {
-  margin-left: 0.75rem !important; }
+  margin-left: 12px !important; }
 
 .mx-4 {
-  margin-right: 0.75rem !important;
-  margin-left: 0.75rem !important; }
+  margin-right: 12px !important;
+  margin-left: 12px !important; }
 
 .my-4 {
-  margin-top: 0.75rem !important;
-  margin-bottom: 0.75rem !important; }
+  margin-top: 12px !important;
+  margin-bottom: 12px !important; }
 
 .m-5 {
-  margin: 1rem 1rem !important; }
+  margin: 16px 16px !important; }
 
 .mt-5 {
-  margin-top: 1rem !important; }
+  margin-top: 16px !important; }
 
 .mr-5 {
-  margin-right: 1rem !important; }
+  margin-right: 16px !important; }
 
 .mb-5 {
-  margin-bottom: 1rem !important; }
+  margin-bottom: 16px !important; }
 
 .ml-5 {
-  margin-left: 1rem !important; }
+  margin-left: 16px !important; }
 
 .mx-5 {
-  margin-right: 1rem !important;
-  margin-left: 1rem !important; }
+  margin-right: 16px !important;
+  margin-left: 16px !important; }
 
 .my-5 {
-  margin-top: 1rem !important;
-  margin-bottom: 1rem !important; }
+  margin-top: 16px !important;
+  margin-bottom: 16px !important; }
 
 .m-6 {
-  margin: 3rem 3rem !important; }
+  margin: 48px 48px !important; }
 
 .mt-6 {
-  margin-top: 3rem !important; }
+  margin-top: 48px !important; }
 
 .mr-6 {
-  margin-right: 3rem !important; }
+  margin-right: 48px !important; }
 
 .mb-6 {
-  margin-bottom: 3rem !important; }
+  margin-bottom: 48px !important; }
 
 .ml-6 {
-  margin-left: 3rem !important; }
+  margin-left: 48px !important; }
 
 .mx-6 {
-  margin-right: 3rem !important;
-  margin-left: 3rem !important; }
+  margin-right: 48px !important;
+  margin-left: 48px !important; }
 
 .my-6 {
-  margin-top: 3rem !important;
-  margin-bottom: 3rem !important; }
+  margin-top: 48px !important;
+  margin-bottom: 48px !important; }
 
 .p-0 {
   padding: 0 0 !important; }
@@ -3656,142 +3656,142 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   padding-bottom: 0 !important; }
 
 .p-1 {
-  padding: 0.125rem 0.125rem !important; }
+  padding: 2px 2px !important; }
 
 .pt-1 {
-  padding-top: 0.125rem !important; }
+  padding-top: 2px !important; }
 
 .pr-1 {
-  padding-right: 0.125rem !important; }
+  padding-right: 2px !important; }
 
 .pb-1 {
-  padding-bottom: 0.125rem !important; }
+  padding-bottom: 2px !important; }
 
 .pl-1 {
-  padding-left: 0.125rem !important; }
+  padding-left: 2px !important; }
 
 .px-1 {
-  padding-right: 0.125rem !important;
-  padding-left: 0.125rem !important; }
+  padding-right: 2px !important;
+  padding-left: 2px !important; }
 
 .py-1 {
-  padding-top: 0.125rem !important;
-  padding-bottom: 0.125rem !important; }
+  padding-top: 2px !important;
+  padding-bottom: 2px !important; }
 
 .p-2 {
-  padding: 0.25rem 0.25rem !important; }
+  padding: 4px 4px !important; }
 
 .pt-2 {
-  padding-top: 0.25rem !important; }
+  padding-top: 4px !important; }
 
 .pr-2 {
-  padding-right: 0.25rem !important; }
+  padding-right: 4px !important; }
 
 .pb-2 {
-  padding-bottom: 0.25rem !important; }
+  padding-bottom: 4px !important; }
 
 .pl-2 {
-  padding-left: 0.25rem !important; }
+  padding-left: 4px !important; }
 
 .px-2 {
-  padding-right: 0.25rem !important;
-  padding-left: 0.25rem !important; }
+  padding-right: 4px !important;
+  padding-left: 4px !important; }
 
 .py-2 {
-  padding-top: 0.25rem !important;
-  padding-bottom: 0.25rem !important; }
+  padding-top: 4px !important;
+  padding-bottom: 4px !important; }
 
 .p-3 {
-  padding: 0.5rem 0.5rem !important; }
+  padding: 8px 8px !important; }
 
 .pt-3 {
-  padding-top: 0.5rem !important; }
+  padding-top: 8px !important; }
 
 .pr-3 {
-  padding-right: 0.5rem !important; }
+  padding-right: 8px !important; }
 
 .pb-3 {
-  padding-bottom: 0.5rem !important; }
+  padding-bottom: 8px !important; }
 
 .pl-3 {
-  padding-left: 0.5rem !important; }
+  padding-left: 8px !important; }
 
 .px-3 {
-  padding-right: 0.5rem !important;
-  padding-left: 0.5rem !important; }
+  padding-right: 8px !important;
+  padding-left: 8px !important; }
 
 .py-3 {
-  padding-top: 0.5rem !important;
-  padding-bottom: 0.5rem !important; }
+  padding-top: 8px !important;
+  padding-bottom: 8px !important; }
 
 .p-4 {
-  padding: 0.75rem 0.75rem !important; }
+  padding: 12px 12px !important; }
 
 .pt-4 {
-  padding-top: 0.75rem !important; }
+  padding-top: 12px !important; }
 
 .pr-4 {
-  padding-right: 0.75rem !important; }
+  padding-right: 12px !important; }
 
 .pb-4 {
-  padding-bottom: 0.75rem !important; }
+  padding-bottom: 12px !important; }
 
 .pl-4 {
-  padding-left: 0.75rem !important; }
+  padding-left: 12px !important; }
 
 .px-4 {
-  padding-right: 0.75rem !important;
-  padding-left: 0.75rem !important; }
+  padding-right: 12px !important;
+  padding-left: 12px !important; }
 
 .py-4 {
-  padding-top: 0.75rem !important;
-  padding-bottom: 0.75rem !important; }
+  padding-top: 12px !important;
+  padding-bottom: 12px !important; }
 
 .p-5 {
-  padding: 1rem 1rem !important; }
+  padding: 16px 16px !important; }
 
 .pt-5 {
-  padding-top: 1rem !important; }
+  padding-top: 16px !important; }
 
 .pr-5 {
-  padding-right: 1rem !important; }
+  padding-right: 16px !important; }
 
 .pb-5 {
-  padding-bottom: 1rem !important; }
+  padding-bottom: 16px !important; }
 
 .pl-5 {
-  padding-left: 1rem !important; }
+  padding-left: 16px !important; }
 
 .px-5 {
-  padding-right: 1rem !important;
-  padding-left: 1rem !important; }
+  padding-right: 16px !important;
+  padding-left: 16px !important; }
 
 .py-5 {
-  padding-top: 1rem !important;
-  padding-bottom: 1rem !important; }
+  padding-top: 16px !important;
+  padding-bottom: 16px !important; }
 
 .p-6 {
-  padding: 3rem 3rem !important; }
+  padding: 48px 48px !important; }
 
 .pt-6 {
-  padding-top: 3rem !important; }
+  padding-top: 48px !important; }
 
 .pr-6 {
-  padding-right: 3rem !important; }
+  padding-right: 48px !important; }
 
 .pb-6 {
-  padding-bottom: 3rem !important; }
+  padding-bottom: 48px !important; }
 
 .pl-6 {
-  padding-left: 3rem !important; }
+  padding-left: 48px !important; }
 
 .px-6 {
-  padding-right: 3rem !important;
-  padding-left: 3rem !important; }
+  padding-right: 48px !important;
+  padding-left: 48px !important; }
 
 .py-6 {
-  padding-top: 3rem !important;
-  padding-bottom: 3rem !important; }
+  padding-top: 48px !important;
+  padding-bottom: 48px !important; }
 
 .m-auto {
   margin: auto !important; }
@@ -3834,101 +3834,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     margin-top: 0 !important;
     margin-bottom: 0 !important; }
   .m-sm-1 {
-    margin: 0.125rem 0.125rem !important; }
+    margin: 2px 2px !important; }
   .mt-sm-1 {
-    margin-top: 0.125rem !important; }
+    margin-top: 2px !important; }
   .mr-sm-1 {
-    margin-right: 0.125rem !important; }
+    margin-right: 2px !important; }
   .mb-sm-1 {
-    margin-bottom: 0.125rem !important; }
+    margin-bottom: 2px !important; }
   .ml-sm-1 {
-    margin-left: 0.125rem !important; }
+    margin-left: 2px !important; }
   .mx-sm-1 {
-    margin-right: 0.125rem !important;
-    margin-left: 0.125rem !important; }
+    margin-right: 2px !important;
+    margin-left: 2px !important; }
   .my-sm-1 {
-    margin-top: 0.125rem !important;
-    margin-bottom: 0.125rem !important; }
+    margin-top: 2px !important;
+    margin-bottom: 2px !important; }
   .m-sm-2 {
-    margin: 0.25rem 0.25rem !important; }
+    margin: 4px 4px !important; }
   .mt-sm-2 {
-    margin-top: 0.25rem !important; }
+    margin-top: 4px !important; }
   .mr-sm-2 {
-    margin-right: 0.25rem !important; }
+    margin-right: 4px !important; }
   .mb-sm-2 {
-    margin-bottom: 0.25rem !important; }
+    margin-bottom: 4px !important; }
   .ml-sm-2 {
-    margin-left: 0.25rem !important; }
+    margin-left: 4px !important; }
   .mx-sm-2 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important; }
+    margin-right: 4px !important;
+    margin-left: 4px !important; }
   .my-sm-2 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important; }
+    margin-top: 4px !important;
+    margin-bottom: 4px !important; }
   .m-sm-3 {
-    margin: 0.5rem 0.5rem !important; }
+    margin: 8px 8px !important; }
   .mt-sm-3 {
-    margin-top: 0.5rem !important; }
+    margin-top: 8px !important; }
   .mr-sm-3 {
-    margin-right: 0.5rem !important; }
+    margin-right: 8px !important; }
   .mb-sm-3 {
-    margin-bottom: 0.5rem !important; }
+    margin-bottom: 8px !important; }
   .ml-sm-3 {
-    margin-left: 0.5rem !important; }
+    margin-left: 8px !important; }
   .mx-sm-3 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important; }
+    margin-right: 8px !important;
+    margin-left: 8px !important; }
   .my-sm-3 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important; }
+    margin-top: 8px !important;
+    margin-bottom: 8px !important; }
   .m-sm-4 {
-    margin: 0.75rem 0.75rem !important; }
+    margin: 12px 12px !important; }
   .mt-sm-4 {
-    margin-top: 0.75rem !important; }
+    margin-top: 12px !important; }
   .mr-sm-4 {
-    margin-right: 0.75rem !important; }
+    margin-right: 12px !important; }
   .mb-sm-4 {
-    margin-bottom: 0.75rem !important; }
+    margin-bottom: 12px !important; }
   .ml-sm-4 {
-    margin-left: 0.75rem !important; }
+    margin-left: 12px !important; }
   .mx-sm-4 {
-    margin-right: 0.75rem !important;
-    margin-left: 0.75rem !important; }
+    margin-right: 12px !important;
+    margin-left: 12px !important; }
   .my-sm-4 {
-    margin-top: 0.75rem !important;
-    margin-bottom: 0.75rem !important; }
+    margin-top: 12px !important;
+    margin-bottom: 12px !important; }
   .m-sm-5 {
-    margin: 1rem 1rem !important; }
+    margin: 16px 16px !important; }
   .mt-sm-5 {
-    margin-top: 1rem !important; }
+    margin-top: 16px !important; }
   .mr-sm-5 {
-    margin-right: 1rem !important; }
+    margin-right: 16px !important; }
   .mb-sm-5 {
-    margin-bottom: 1rem !important; }
+    margin-bottom: 16px !important; }
   .ml-sm-5 {
-    margin-left: 1rem !important; }
+    margin-left: 16px !important; }
   .mx-sm-5 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important; }
+    margin-right: 16px !important;
+    margin-left: 16px !important; }
   .my-sm-5 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important; }
+    margin-top: 16px !important;
+    margin-bottom: 16px !important; }
   .m-sm-6 {
-    margin: 3rem 3rem !important; }
+    margin: 48px 48px !important; }
   .mt-sm-6 {
-    margin-top: 3rem !important; }
+    margin-top: 48px !important; }
   .mr-sm-6 {
-    margin-right: 3rem !important; }
+    margin-right: 48px !important; }
   .mb-sm-6 {
-    margin-bottom: 3rem !important; }
+    margin-bottom: 48px !important; }
   .ml-sm-6 {
-    margin-left: 3rem !important; }
+    margin-left: 48px !important; }
   .mx-sm-6 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important; }
+    margin-right: 48px !important;
+    margin-left: 48px !important; }
   .my-sm-6 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important; }
+    margin-top: 48px !important;
+    margin-bottom: 48px !important; }
   .p-sm-0 {
     padding: 0 0 !important; }
   .pt-sm-0 {
@@ -3946,101 +3946,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     padding-top: 0 !important;
     padding-bottom: 0 !important; }
   .p-sm-1 {
-    padding: 0.125rem 0.125rem !important; }
+    padding: 2px 2px !important; }
   .pt-sm-1 {
-    padding-top: 0.125rem !important; }
+    padding-top: 2px !important; }
   .pr-sm-1 {
-    padding-right: 0.125rem !important; }
+    padding-right: 2px !important; }
   .pb-sm-1 {
-    padding-bottom: 0.125rem !important; }
+    padding-bottom: 2px !important; }
   .pl-sm-1 {
-    padding-left: 0.125rem !important; }
+    padding-left: 2px !important; }
   .px-sm-1 {
-    padding-right: 0.125rem !important;
-    padding-left: 0.125rem !important; }
+    padding-right: 2px !important;
+    padding-left: 2px !important; }
   .py-sm-1 {
-    padding-top: 0.125rem !important;
-    padding-bottom: 0.125rem !important; }
+    padding-top: 2px !important;
+    padding-bottom: 2px !important; }
   .p-sm-2 {
-    padding: 0.25rem 0.25rem !important; }
+    padding: 4px 4px !important; }
   .pt-sm-2 {
-    padding-top: 0.25rem !important; }
+    padding-top: 4px !important; }
   .pr-sm-2 {
-    padding-right: 0.25rem !important; }
+    padding-right: 4px !important; }
   .pb-sm-2 {
-    padding-bottom: 0.25rem !important; }
+    padding-bottom: 4px !important; }
   .pl-sm-2 {
-    padding-left: 0.25rem !important; }
+    padding-left: 4px !important; }
   .px-sm-2 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important; }
+    padding-right: 4px !important;
+    padding-left: 4px !important; }
   .py-sm-2 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important; }
+    padding-top: 4px !important;
+    padding-bottom: 4px !important; }
   .p-sm-3 {
-    padding: 0.5rem 0.5rem !important; }
+    padding: 8px 8px !important; }
   .pt-sm-3 {
-    padding-top: 0.5rem !important; }
+    padding-top: 8px !important; }
   .pr-sm-3 {
-    padding-right: 0.5rem !important; }
+    padding-right: 8px !important; }
   .pb-sm-3 {
-    padding-bottom: 0.5rem !important; }
+    padding-bottom: 8px !important; }
   .pl-sm-3 {
-    padding-left: 0.5rem !important; }
+    padding-left: 8px !important; }
   .px-sm-3 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important; }
+    padding-right: 8px !important;
+    padding-left: 8px !important; }
   .py-sm-3 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important; }
+    padding-top: 8px !important;
+    padding-bottom: 8px !important; }
   .p-sm-4 {
-    padding: 0.75rem 0.75rem !important; }
+    padding: 12px 12px !important; }
   .pt-sm-4 {
-    padding-top: 0.75rem !important; }
+    padding-top: 12px !important; }
   .pr-sm-4 {
-    padding-right: 0.75rem !important; }
+    padding-right: 12px !important; }
   .pb-sm-4 {
-    padding-bottom: 0.75rem !important; }
+    padding-bottom: 12px !important; }
   .pl-sm-4 {
-    padding-left: 0.75rem !important; }
+    padding-left: 12px !important; }
   .px-sm-4 {
-    padding-right: 0.75rem !important;
-    padding-left: 0.75rem !important; }
+    padding-right: 12px !important;
+    padding-left: 12px !important; }
   .py-sm-4 {
-    padding-top: 0.75rem !important;
-    padding-bottom: 0.75rem !important; }
+    padding-top: 12px !important;
+    padding-bottom: 12px !important; }
   .p-sm-5 {
-    padding: 1rem 1rem !important; }
+    padding: 16px 16px !important; }
   .pt-sm-5 {
-    padding-top: 1rem !important; }
+    padding-top: 16px !important; }
   .pr-sm-5 {
-    padding-right: 1rem !important; }
+    padding-right: 16px !important; }
   .pb-sm-5 {
-    padding-bottom: 1rem !important; }
+    padding-bottom: 16px !important; }
   .pl-sm-5 {
-    padding-left: 1rem !important; }
+    padding-left: 16px !important; }
   .px-sm-5 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important; }
+    padding-right: 16px !important;
+    padding-left: 16px !important; }
   .py-sm-5 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important; }
+    padding-top: 16px !important;
+    padding-bottom: 16px !important; }
   .p-sm-6 {
-    padding: 3rem 3rem !important; }
+    padding: 48px 48px !important; }
   .pt-sm-6 {
-    padding-top: 3rem !important; }
+    padding-top: 48px !important; }
   .pr-sm-6 {
-    padding-right: 3rem !important; }
+    padding-right: 48px !important; }
   .pb-sm-6 {
-    padding-bottom: 3rem !important; }
+    padding-bottom: 48px !important; }
   .pl-sm-6 {
-    padding-left: 3rem !important; }
+    padding-left: 48px !important; }
   .px-sm-6 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important; }
+    padding-right: 48px !important;
+    padding-left: 48px !important; }
   .py-sm-6 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important; }
+    padding-top: 48px !important;
+    padding-bottom: 48px !important; }
   .m-sm-auto {
     margin: auto !important; }
   .mt-sm-auto {
@@ -4076,101 +4076,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     margin-top: 0 !important;
     margin-bottom: 0 !important; }
   .m-md-1 {
-    margin: 0.125rem 0.125rem !important; }
+    margin: 2px 2px !important; }
   .mt-md-1 {
-    margin-top: 0.125rem !important; }
+    margin-top: 2px !important; }
   .mr-md-1 {
-    margin-right: 0.125rem !important; }
+    margin-right: 2px !important; }
   .mb-md-1 {
-    margin-bottom: 0.125rem !important; }
+    margin-bottom: 2px !important; }
   .ml-md-1 {
-    margin-left: 0.125rem !important; }
+    margin-left: 2px !important; }
   .mx-md-1 {
-    margin-right: 0.125rem !important;
-    margin-left: 0.125rem !important; }
+    margin-right: 2px !important;
+    margin-left: 2px !important; }
   .my-md-1 {
-    margin-top: 0.125rem !important;
-    margin-bottom: 0.125rem !important; }
+    margin-top: 2px !important;
+    margin-bottom: 2px !important; }
   .m-md-2 {
-    margin: 0.25rem 0.25rem !important; }
+    margin: 4px 4px !important; }
   .mt-md-2 {
-    margin-top: 0.25rem !important; }
+    margin-top: 4px !important; }
   .mr-md-2 {
-    margin-right: 0.25rem !important; }
+    margin-right: 4px !important; }
   .mb-md-2 {
-    margin-bottom: 0.25rem !important; }
+    margin-bottom: 4px !important; }
   .ml-md-2 {
-    margin-left: 0.25rem !important; }
+    margin-left: 4px !important; }
   .mx-md-2 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important; }
+    margin-right: 4px !important;
+    margin-left: 4px !important; }
   .my-md-2 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important; }
+    margin-top: 4px !important;
+    margin-bottom: 4px !important; }
   .m-md-3 {
-    margin: 0.5rem 0.5rem !important; }
+    margin: 8px 8px !important; }
   .mt-md-3 {
-    margin-top: 0.5rem !important; }
+    margin-top: 8px !important; }
   .mr-md-3 {
-    margin-right: 0.5rem !important; }
+    margin-right: 8px !important; }
   .mb-md-3 {
-    margin-bottom: 0.5rem !important; }
+    margin-bottom: 8px !important; }
   .ml-md-3 {
-    margin-left: 0.5rem !important; }
+    margin-left: 8px !important; }
   .mx-md-3 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important; }
+    margin-right: 8px !important;
+    margin-left: 8px !important; }
   .my-md-3 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important; }
+    margin-top: 8px !important;
+    margin-bottom: 8px !important; }
   .m-md-4 {
-    margin: 0.75rem 0.75rem !important; }
+    margin: 12px 12px !important; }
   .mt-md-4 {
-    margin-top: 0.75rem !important; }
+    margin-top: 12px !important; }
   .mr-md-4 {
-    margin-right: 0.75rem !important; }
+    margin-right: 12px !important; }
   .mb-md-4 {
-    margin-bottom: 0.75rem !important; }
+    margin-bottom: 12px !important; }
   .ml-md-4 {
-    margin-left: 0.75rem !important; }
+    margin-left: 12px !important; }
   .mx-md-4 {
-    margin-right: 0.75rem !important;
-    margin-left: 0.75rem !important; }
+    margin-right: 12px !important;
+    margin-left: 12px !important; }
   .my-md-4 {
-    margin-top: 0.75rem !important;
-    margin-bottom: 0.75rem !important; }
+    margin-top: 12px !important;
+    margin-bottom: 12px !important; }
   .m-md-5 {
-    margin: 1rem 1rem !important; }
+    margin: 16px 16px !important; }
   .mt-md-5 {
-    margin-top: 1rem !important; }
+    margin-top: 16px !important; }
   .mr-md-5 {
-    margin-right: 1rem !important; }
+    margin-right: 16px !important; }
   .mb-md-5 {
-    margin-bottom: 1rem !important; }
+    margin-bottom: 16px !important; }
   .ml-md-5 {
-    margin-left: 1rem !important; }
+    margin-left: 16px !important; }
   .mx-md-5 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important; }
+    margin-right: 16px !important;
+    margin-left: 16px !important; }
   .my-md-5 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important; }
+    margin-top: 16px !important;
+    margin-bottom: 16px !important; }
   .m-md-6 {
-    margin: 3rem 3rem !important; }
+    margin: 48px 48px !important; }
   .mt-md-6 {
-    margin-top: 3rem !important; }
+    margin-top: 48px !important; }
   .mr-md-6 {
-    margin-right: 3rem !important; }
+    margin-right: 48px !important; }
   .mb-md-6 {
-    margin-bottom: 3rem !important; }
+    margin-bottom: 48px !important; }
   .ml-md-6 {
-    margin-left: 3rem !important; }
+    margin-left: 48px !important; }
   .mx-md-6 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important; }
+    margin-right: 48px !important;
+    margin-left: 48px !important; }
   .my-md-6 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important; }
+    margin-top: 48px !important;
+    margin-bottom: 48px !important; }
   .p-md-0 {
     padding: 0 0 !important; }
   .pt-md-0 {
@@ -4188,101 +4188,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     padding-top: 0 !important;
     padding-bottom: 0 !important; }
   .p-md-1 {
-    padding: 0.125rem 0.125rem !important; }
+    padding: 2px 2px !important; }
   .pt-md-1 {
-    padding-top: 0.125rem !important; }
+    padding-top: 2px !important; }
   .pr-md-1 {
-    padding-right: 0.125rem !important; }
+    padding-right: 2px !important; }
   .pb-md-1 {
-    padding-bottom: 0.125rem !important; }
+    padding-bottom: 2px !important; }
   .pl-md-1 {
-    padding-left: 0.125rem !important; }
+    padding-left: 2px !important; }
   .px-md-1 {
-    padding-right: 0.125rem !important;
-    padding-left: 0.125rem !important; }
+    padding-right: 2px !important;
+    padding-left: 2px !important; }
   .py-md-1 {
-    padding-top: 0.125rem !important;
-    padding-bottom: 0.125rem !important; }
+    padding-top: 2px !important;
+    padding-bottom: 2px !important; }
   .p-md-2 {
-    padding: 0.25rem 0.25rem !important; }
+    padding: 4px 4px !important; }
   .pt-md-2 {
-    padding-top: 0.25rem !important; }
+    padding-top: 4px !important; }
   .pr-md-2 {
-    padding-right: 0.25rem !important; }
+    padding-right: 4px !important; }
   .pb-md-2 {
-    padding-bottom: 0.25rem !important; }
+    padding-bottom: 4px !important; }
   .pl-md-2 {
-    padding-left: 0.25rem !important; }
+    padding-left: 4px !important; }
   .px-md-2 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important; }
+    padding-right: 4px !important;
+    padding-left: 4px !important; }
   .py-md-2 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important; }
+    padding-top: 4px !important;
+    padding-bottom: 4px !important; }
   .p-md-3 {
-    padding: 0.5rem 0.5rem !important; }
+    padding: 8px 8px !important; }
   .pt-md-3 {
-    padding-top: 0.5rem !important; }
+    padding-top: 8px !important; }
   .pr-md-3 {
-    padding-right: 0.5rem !important; }
+    padding-right: 8px !important; }
   .pb-md-3 {
-    padding-bottom: 0.5rem !important; }
+    padding-bottom: 8px !important; }
   .pl-md-3 {
-    padding-left: 0.5rem !important; }
+    padding-left: 8px !important; }
   .px-md-3 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important; }
+    padding-right: 8px !important;
+    padding-left: 8px !important; }
   .py-md-3 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important; }
+    padding-top: 8px !important;
+    padding-bottom: 8px !important; }
   .p-md-4 {
-    padding: 0.75rem 0.75rem !important; }
+    padding: 12px 12px !important; }
   .pt-md-4 {
-    padding-top: 0.75rem !important; }
+    padding-top: 12px !important; }
   .pr-md-4 {
-    padding-right: 0.75rem !important; }
+    padding-right: 12px !important; }
   .pb-md-4 {
-    padding-bottom: 0.75rem !important; }
+    padding-bottom: 12px !important; }
   .pl-md-4 {
-    padding-left: 0.75rem !important; }
+    padding-left: 12px !important; }
   .px-md-4 {
-    padding-right: 0.75rem !important;
-    padding-left: 0.75rem !important; }
+    padding-right: 12px !important;
+    padding-left: 12px !important; }
   .py-md-4 {
-    padding-top: 0.75rem !important;
-    padding-bottom: 0.75rem !important; }
+    padding-top: 12px !important;
+    padding-bottom: 12px !important; }
   .p-md-5 {
-    padding: 1rem 1rem !important; }
+    padding: 16px 16px !important; }
   .pt-md-5 {
-    padding-top: 1rem !important; }
+    padding-top: 16px !important; }
   .pr-md-5 {
-    padding-right: 1rem !important; }
+    padding-right: 16px !important; }
   .pb-md-5 {
-    padding-bottom: 1rem !important; }
+    padding-bottom: 16px !important; }
   .pl-md-5 {
-    padding-left: 1rem !important; }
+    padding-left: 16px !important; }
   .px-md-5 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important; }
+    padding-right: 16px !important;
+    padding-left: 16px !important; }
   .py-md-5 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important; }
+    padding-top: 16px !important;
+    padding-bottom: 16px !important; }
   .p-md-6 {
-    padding: 3rem 3rem !important; }
+    padding: 48px 48px !important; }
   .pt-md-6 {
-    padding-top: 3rem !important; }
+    padding-top: 48px !important; }
   .pr-md-6 {
-    padding-right: 3rem !important; }
+    padding-right: 48px !important; }
   .pb-md-6 {
-    padding-bottom: 3rem !important; }
+    padding-bottom: 48px !important; }
   .pl-md-6 {
-    padding-left: 3rem !important; }
+    padding-left: 48px !important; }
   .px-md-6 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important; }
+    padding-right: 48px !important;
+    padding-left: 48px !important; }
   .py-md-6 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important; }
+    padding-top: 48px !important;
+    padding-bottom: 48px !important; }
   .m-md-auto {
     margin: auto !important; }
   .mt-md-auto {
@@ -4318,101 +4318,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     margin-top: 0 !important;
     margin-bottom: 0 !important; }
   .m-lg-1 {
-    margin: 0.125rem 0.125rem !important; }
+    margin: 2px 2px !important; }
   .mt-lg-1 {
-    margin-top: 0.125rem !important; }
+    margin-top: 2px !important; }
   .mr-lg-1 {
-    margin-right: 0.125rem !important; }
+    margin-right: 2px !important; }
   .mb-lg-1 {
-    margin-bottom: 0.125rem !important; }
+    margin-bottom: 2px !important; }
   .ml-lg-1 {
-    margin-left: 0.125rem !important; }
+    margin-left: 2px !important; }
   .mx-lg-1 {
-    margin-right: 0.125rem !important;
-    margin-left: 0.125rem !important; }
+    margin-right: 2px !important;
+    margin-left: 2px !important; }
   .my-lg-1 {
-    margin-top: 0.125rem !important;
-    margin-bottom: 0.125rem !important; }
+    margin-top: 2px !important;
+    margin-bottom: 2px !important; }
   .m-lg-2 {
-    margin: 0.25rem 0.25rem !important; }
+    margin: 4px 4px !important; }
   .mt-lg-2 {
-    margin-top: 0.25rem !important; }
+    margin-top: 4px !important; }
   .mr-lg-2 {
-    margin-right: 0.25rem !important; }
+    margin-right: 4px !important; }
   .mb-lg-2 {
-    margin-bottom: 0.25rem !important; }
+    margin-bottom: 4px !important; }
   .ml-lg-2 {
-    margin-left: 0.25rem !important; }
+    margin-left: 4px !important; }
   .mx-lg-2 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important; }
+    margin-right: 4px !important;
+    margin-left: 4px !important; }
   .my-lg-2 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important; }
+    margin-top: 4px !important;
+    margin-bottom: 4px !important; }
   .m-lg-3 {
-    margin: 0.5rem 0.5rem !important; }
+    margin: 8px 8px !important; }
   .mt-lg-3 {
-    margin-top: 0.5rem !important; }
+    margin-top: 8px !important; }
   .mr-lg-3 {
-    margin-right: 0.5rem !important; }
+    margin-right: 8px !important; }
   .mb-lg-3 {
-    margin-bottom: 0.5rem !important; }
+    margin-bottom: 8px !important; }
   .ml-lg-3 {
-    margin-left: 0.5rem !important; }
+    margin-left: 8px !important; }
   .mx-lg-3 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important; }
+    margin-right: 8px !important;
+    margin-left: 8px !important; }
   .my-lg-3 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important; }
+    margin-top: 8px !important;
+    margin-bottom: 8px !important; }
   .m-lg-4 {
-    margin: 0.75rem 0.75rem !important; }
+    margin: 12px 12px !important; }
   .mt-lg-4 {
-    margin-top: 0.75rem !important; }
+    margin-top: 12px !important; }
   .mr-lg-4 {
-    margin-right: 0.75rem !important; }
+    margin-right: 12px !important; }
   .mb-lg-4 {
-    margin-bottom: 0.75rem !important; }
+    margin-bottom: 12px !important; }
   .ml-lg-4 {
-    margin-left: 0.75rem !important; }
+    margin-left: 12px !important; }
   .mx-lg-4 {
-    margin-right: 0.75rem !important;
-    margin-left: 0.75rem !important; }
+    margin-right: 12px !important;
+    margin-left: 12px !important; }
   .my-lg-4 {
-    margin-top: 0.75rem !important;
-    margin-bottom: 0.75rem !important; }
+    margin-top: 12px !important;
+    margin-bottom: 12px !important; }
   .m-lg-5 {
-    margin: 1rem 1rem !important; }
+    margin: 16px 16px !important; }
   .mt-lg-5 {
-    margin-top: 1rem !important; }
+    margin-top: 16px !important; }
   .mr-lg-5 {
-    margin-right: 1rem !important; }
+    margin-right: 16px !important; }
   .mb-lg-5 {
-    margin-bottom: 1rem !important; }
+    margin-bottom: 16px !important; }
   .ml-lg-5 {
-    margin-left: 1rem !important; }
+    margin-left: 16px !important; }
   .mx-lg-5 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important; }
+    margin-right: 16px !important;
+    margin-left: 16px !important; }
   .my-lg-5 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important; }
+    margin-top: 16px !important;
+    margin-bottom: 16px !important; }
   .m-lg-6 {
-    margin: 3rem 3rem !important; }
+    margin: 48px 48px !important; }
   .mt-lg-6 {
-    margin-top: 3rem !important; }
+    margin-top: 48px !important; }
   .mr-lg-6 {
-    margin-right: 3rem !important; }
+    margin-right: 48px !important; }
   .mb-lg-6 {
-    margin-bottom: 3rem !important; }
+    margin-bottom: 48px !important; }
   .ml-lg-6 {
-    margin-left: 3rem !important; }
+    margin-left: 48px !important; }
   .mx-lg-6 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important; }
+    margin-right: 48px !important;
+    margin-left: 48px !important; }
   .my-lg-6 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important; }
+    margin-top: 48px !important;
+    margin-bottom: 48px !important; }
   .p-lg-0 {
     padding: 0 0 !important; }
   .pt-lg-0 {
@@ -4430,101 +4430,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     padding-top: 0 !important;
     padding-bottom: 0 !important; }
   .p-lg-1 {
-    padding: 0.125rem 0.125rem !important; }
+    padding: 2px 2px !important; }
   .pt-lg-1 {
-    padding-top: 0.125rem !important; }
+    padding-top: 2px !important; }
   .pr-lg-1 {
-    padding-right: 0.125rem !important; }
+    padding-right: 2px !important; }
   .pb-lg-1 {
-    padding-bottom: 0.125rem !important; }
+    padding-bottom: 2px !important; }
   .pl-lg-1 {
-    padding-left: 0.125rem !important; }
+    padding-left: 2px !important; }
   .px-lg-1 {
-    padding-right: 0.125rem !important;
-    padding-left: 0.125rem !important; }
+    padding-right: 2px !important;
+    padding-left: 2px !important; }
   .py-lg-1 {
-    padding-top: 0.125rem !important;
-    padding-bottom: 0.125rem !important; }
+    padding-top: 2px !important;
+    padding-bottom: 2px !important; }
   .p-lg-2 {
-    padding: 0.25rem 0.25rem !important; }
+    padding: 4px 4px !important; }
   .pt-lg-2 {
-    padding-top: 0.25rem !important; }
+    padding-top: 4px !important; }
   .pr-lg-2 {
-    padding-right: 0.25rem !important; }
+    padding-right: 4px !important; }
   .pb-lg-2 {
-    padding-bottom: 0.25rem !important; }
+    padding-bottom: 4px !important; }
   .pl-lg-2 {
-    padding-left: 0.25rem !important; }
+    padding-left: 4px !important; }
   .px-lg-2 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important; }
+    padding-right: 4px !important;
+    padding-left: 4px !important; }
   .py-lg-2 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important; }
+    padding-top: 4px !important;
+    padding-bottom: 4px !important; }
   .p-lg-3 {
-    padding: 0.5rem 0.5rem !important; }
+    padding: 8px 8px !important; }
   .pt-lg-3 {
-    padding-top: 0.5rem !important; }
+    padding-top: 8px !important; }
   .pr-lg-3 {
-    padding-right: 0.5rem !important; }
+    padding-right: 8px !important; }
   .pb-lg-3 {
-    padding-bottom: 0.5rem !important; }
+    padding-bottom: 8px !important; }
   .pl-lg-3 {
-    padding-left: 0.5rem !important; }
+    padding-left: 8px !important; }
   .px-lg-3 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important; }
+    padding-right: 8px !important;
+    padding-left: 8px !important; }
   .py-lg-3 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important; }
+    padding-top: 8px !important;
+    padding-bottom: 8px !important; }
   .p-lg-4 {
-    padding: 0.75rem 0.75rem !important; }
+    padding: 12px 12px !important; }
   .pt-lg-4 {
-    padding-top: 0.75rem !important; }
+    padding-top: 12px !important; }
   .pr-lg-4 {
-    padding-right: 0.75rem !important; }
+    padding-right: 12px !important; }
   .pb-lg-4 {
-    padding-bottom: 0.75rem !important; }
+    padding-bottom: 12px !important; }
   .pl-lg-4 {
-    padding-left: 0.75rem !important; }
+    padding-left: 12px !important; }
   .px-lg-4 {
-    padding-right: 0.75rem !important;
-    padding-left: 0.75rem !important; }
+    padding-right: 12px !important;
+    padding-left: 12px !important; }
   .py-lg-4 {
-    padding-top: 0.75rem !important;
-    padding-bottom: 0.75rem !important; }
+    padding-top: 12px !important;
+    padding-bottom: 12px !important; }
   .p-lg-5 {
-    padding: 1rem 1rem !important; }
+    padding: 16px 16px !important; }
   .pt-lg-5 {
-    padding-top: 1rem !important; }
+    padding-top: 16px !important; }
   .pr-lg-5 {
-    padding-right: 1rem !important; }
+    padding-right: 16px !important; }
   .pb-lg-5 {
-    padding-bottom: 1rem !important; }
+    padding-bottom: 16px !important; }
   .pl-lg-5 {
-    padding-left: 1rem !important; }
+    padding-left: 16px !important; }
   .px-lg-5 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important; }
+    padding-right: 16px !important;
+    padding-left: 16px !important; }
   .py-lg-5 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important; }
+    padding-top: 16px !important;
+    padding-bottom: 16px !important; }
   .p-lg-6 {
-    padding: 3rem 3rem !important; }
+    padding: 48px 48px !important; }
   .pt-lg-6 {
-    padding-top: 3rem !important; }
+    padding-top: 48px !important; }
   .pr-lg-6 {
-    padding-right: 3rem !important; }
+    padding-right: 48px !important; }
   .pb-lg-6 {
-    padding-bottom: 3rem !important; }
+    padding-bottom: 48px !important; }
   .pl-lg-6 {
-    padding-left: 3rem !important; }
+    padding-left: 48px !important; }
   .px-lg-6 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important; }
+    padding-right: 48px !important;
+    padding-left: 48px !important; }
   .py-lg-6 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important; }
+    padding-top: 48px !important;
+    padding-bottom: 48px !important; }
   .m-lg-auto {
     margin: auto !important; }
   .mt-lg-auto {
@@ -4560,101 +4560,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     margin-top: 0 !important;
     margin-bottom: 0 !important; }
   .m-xl-1 {
-    margin: 0.125rem 0.125rem !important; }
+    margin: 2px 2px !important; }
   .mt-xl-1 {
-    margin-top: 0.125rem !important; }
+    margin-top: 2px !important; }
   .mr-xl-1 {
-    margin-right: 0.125rem !important; }
+    margin-right: 2px !important; }
   .mb-xl-1 {
-    margin-bottom: 0.125rem !important; }
+    margin-bottom: 2px !important; }
   .ml-xl-1 {
-    margin-left: 0.125rem !important; }
+    margin-left: 2px !important; }
   .mx-xl-1 {
-    margin-right: 0.125rem !important;
-    margin-left: 0.125rem !important; }
+    margin-right: 2px !important;
+    margin-left: 2px !important; }
   .my-xl-1 {
-    margin-top: 0.125rem !important;
-    margin-bottom: 0.125rem !important; }
+    margin-top: 2px !important;
+    margin-bottom: 2px !important; }
   .m-xl-2 {
-    margin: 0.25rem 0.25rem !important; }
+    margin: 4px 4px !important; }
   .mt-xl-2 {
-    margin-top: 0.25rem !important; }
+    margin-top: 4px !important; }
   .mr-xl-2 {
-    margin-right: 0.25rem !important; }
+    margin-right: 4px !important; }
   .mb-xl-2 {
-    margin-bottom: 0.25rem !important; }
+    margin-bottom: 4px !important; }
   .ml-xl-2 {
-    margin-left: 0.25rem !important; }
+    margin-left: 4px !important; }
   .mx-xl-2 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important; }
+    margin-right: 4px !important;
+    margin-left: 4px !important; }
   .my-xl-2 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important; }
+    margin-top: 4px !important;
+    margin-bottom: 4px !important; }
   .m-xl-3 {
-    margin: 0.5rem 0.5rem !important; }
+    margin: 8px 8px !important; }
   .mt-xl-3 {
-    margin-top: 0.5rem !important; }
+    margin-top: 8px !important; }
   .mr-xl-3 {
-    margin-right: 0.5rem !important; }
+    margin-right: 8px !important; }
   .mb-xl-3 {
-    margin-bottom: 0.5rem !important; }
+    margin-bottom: 8px !important; }
   .ml-xl-3 {
-    margin-left: 0.5rem !important; }
+    margin-left: 8px !important; }
   .mx-xl-3 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important; }
+    margin-right: 8px !important;
+    margin-left: 8px !important; }
   .my-xl-3 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important; }
+    margin-top: 8px !important;
+    margin-bottom: 8px !important; }
   .m-xl-4 {
-    margin: 0.75rem 0.75rem !important; }
+    margin: 12px 12px !important; }
   .mt-xl-4 {
-    margin-top: 0.75rem !important; }
+    margin-top: 12px !important; }
   .mr-xl-4 {
-    margin-right: 0.75rem !important; }
+    margin-right: 12px !important; }
   .mb-xl-4 {
-    margin-bottom: 0.75rem !important; }
+    margin-bottom: 12px !important; }
   .ml-xl-4 {
-    margin-left: 0.75rem !important; }
+    margin-left: 12px !important; }
   .mx-xl-4 {
-    margin-right: 0.75rem !important;
-    margin-left: 0.75rem !important; }
+    margin-right: 12px !important;
+    margin-left: 12px !important; }
   .my-xl-4 {
-    margin-top: 0.75rem !important;
-    margin-bottom: 0.75rem !important; }
+    margin-top: 12px !important;
+    margin-bottom: 12px !important; }
   .m-xl-5 {
-    margin: 1rem 1rem !important; }
+    margin: 16px 16px !important; }
   .mt-xl-5 {
-    margin-top: 1rem !important; }
+    margin-top: 16px !important; }
   .mr-xl-5 {
-    margin-right: 1rem !important; }
+    margin-right: 16px !important; }
   .mb-xl-5 {
-    margin-bottom: 1rem !important; }
+    margin-bottom: 16px !important; }
   .ml-xl-5 {
-    margin-left: 1rem !important; }
+    margin-left: 16px !important; }
   .mx-xl-5 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important; }
+    margin-right: 16px !important;
+    margin-left: 16px !important; }
   .my-xl-5 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important; }
+    margin-top: 16px !important;
+    margin-bottom: 16px !important; }
   .m-xl-6 {
-    margin: 3rem 3rem !important; }
+    margin: 48px 48px !important; }
   .mt-xl-6 {
-    margin-top: 3rem !important; }
+    margin-top: 48px !important; }
   .mr-xl-6 {
-    margin-right: 3rem !important; }
+    margin-right: 48px !important; }
   .mb-xl-6 {
-    margin-bottom: 3rem !important; }
+    margin-bottom: 48px !important; }
   .ml-xl-6 {
-    margin-left: 3rem !important; }
+    margin-left: 48px !important; }
   .mx-xl-6 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important; }
+    margin-right: 48px !important;
+    margin-left: 48px !important; }
   .my-xl-6 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important; }
+    margin-top: 48px !important;
+    margin-bottom: 48px !important; }
   .p-xl-0 {
     padding: 0 0 !important; }
   .pt-xl-0 {
@@ -4672,101 +4672,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     padding-top: 0 !important;
     padding-bottom: 0 !important; }
   .p-xl-1 {
-    padding: 0.125rem 0.125rem !important; }
+    padding: 2px 2px !important; }
   .pt-xl-1 {
-    padding-top: 0.125rem !important; }
+    padding-top: 2px !important; }
   .pr-xl-1 {
-    padding-right: 0.125rem !important; }
+    padding-right: 2px !important; }
   .pb-xl-1 {
-    padding-bottom: 0.125rem !important; }
+    padding-bottom: 2px !important; }
   .pl-xl-1 {
-    padding-left: 0.125rem !important; }
+    padding-left: 2px !important; }
   .px-xl-1 {
-    padding-right: 0.125rem !important;
-    padding-left: 0.125rem !important; }
+    padding-right: 2px !important;
+    padding-left: 2px !important; }
   .py-xl-1 {
-    padding-top: 0.125rem !important;
-    padding-bottom: 0.125rem !important; }
+    padding-top: 2px !important;
+    padding-bottom: 2px !important; }
   .p-xl-2 {
-    padding: 0.25rem 0.25rem !important; }
+    padding: 4px 4px !important; }
   .pt-xl-2 {
-    padding-top: 0.25rem !important; }
+    padding-top: 4px !important; }
   .pr-xl-2 {
-    padding-right: 0.25rem !important; }
+    padding-right: 4px !important; }
   .pb-xl-2 {
-    padding-bottom: 0.25rem !important; }
+    padding-bottom: 4px !important; }
   .pl-xl-2 {
-    padding-left: 0.25rem !important; }
+    padding-left: 4px !important; }
   .px-xl-2 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important; }
+    padding-right: 4px !important;
+    padding-left: 4px !important; }
   .py-xl-2 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important; }
+    padding-top: 4px !important;
+    padding-bottom: 4px !important; }
   .p-xl-3 {
-    padding: 0.5rem 0.5rem !important; }
+    padding: 8px 8px !important; }
   .pt-xl-3 {
-    padding-top: 0.5rem !important; }
+    padding-top: 8px !important; }
   .pr-xl-3 {
-    padding-right: 0.5rem !important; }
+    padding-right: 8px !important; }
   .pb-xl-3 {
-    padding-bottom: 0.5rem !important; }
+    padding-bottom: 8px !important; }
   .pl-xl-3 {
-    padding-left: 0.5rem !important; }
+    padding-left: 8px !important; }
   .px-xl-3 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important; }
+    padding-right: 8px !important;
+    padding-left: 8px !important; }
   .py-xl-3 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important; }
+    padding-top: 8px !important;
+    padding-bottom: 8px !important; }
   .p-xl-4 {
-    padding: 0.75rem 0.75rem !important; }
+    padding: 12px 12px !important; }
   .pt-xl-4 {
-    padding-top: 0.75rem !important; }
+    padding-top: 12px !important; }
   .pr-xl-4 {
-    padding-right: 0.75rem !important; }
+    padding-right: 12px !important; }
   .pb-xl-4 {
-    padding-bottom: 0.75rem !important; }
+    padding-bottom: 12px !important; }
   .pl-xl-4 {
-    padding-left: 0.75rem !important; }
+    padding-left: 12px !important; }
   .px-xl-4 {
-    padding-right: 0.75rem !important;
-    padding-left: 0.75rem !important; }
+    padding-right: 12px !important;
+    padding-left: 12px !important; }
   .py-xl-4 {
-    padding-top: 0.75rem !important;
-    padding-bottom: 0.75rem !important; }
+    padding-top: 12px !important;
+    padding-bottom: 12px !important; }
   .p-xl-5 {
-    padding: 1rem 1rem !important; }
+    padding: 16px 16px !important; }
   .pt-xl-5 {
-    padding-top: 1rem !important; }
+    padding-top: 16px !important; }
   .pr-xl-5 {
-    padding-right: 1rem !important; }
+    padding-right: 16px !important; }
   .pb-xl-5 {
-    padding-bottom: 1rem !important; }
+    padding-bottom: 16px !important; }
   .pl-xl-5 {
-    padding-left: 1rem !important; }
+    padding-left: 16px !important; }
   .px-xl-5 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important; }
+    padding-right: 16px !important;
+    padding-left: 16px !important; }
   .py-xl-5 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important; }
+    padding-top: 16px !important;
+    padding-bottom: 16px !important; }
   .p-xl-6 {
-    padding: 3rem 3rem !important; }
+    padding: 48px 48px !important; }
   .pt-xl-6 {
-    padding-top: 3rem !important; }
+    padding-top: 48px !important; }
   .pr-xl-6 {
-    padding-right: 3rem !important; }
+    padding-right: 48px !important; }
   .pb-xl-6 {
-    padding-bottom: 3rem !important; }
+    padding-bottom: 48px !important; }
   .pl-xl-6 {
-    padding-left: 3rem !important; }
+    padding-left: 48px !important; }
   .px-xl-6 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important; }
+    padding-right: 48px !important;
+    padding-left: 48px !important; }
   .py-xl-6 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important; }
+    padding-top: 48px !important;
+    padding-bottom: 48px !important; }
   .m-xl-auto {
     margin: auto !important; }
   .mt-xl-auto {
@@ -4969,8 +4969,13 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
   .hidden-print {
     display: none !important; } }
 
+.container {
+  width: 100%;
+  max-width: 1200px; }
+
 body {
-  font-smoothing: antialiased; }
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px; }
 
 h1 {
   line-height: 3rem; }
@@ -4979,59 +4984,85 @@ h2 {
   line-height: 2.75rem; }
 
 h3 {
-  line-height: 2rem; }
-  @media (max-width: 767px) {
+  font-size: 20px;
+  line-height: 28px; }
+  @media (min-width: 768px) {
     h3 {
-      font-size: 1em; } }
+      font-size: 24px;
+      line-height: 32px; } }
 
 h4 {
   font-weight: 500;
-  line-height: 1.75rem; }
-  @media (max-width: 767px) {
+  font-size: 16px;
+  line-height: 24px; }
+  @media (min-width: 576px) {
     h4 {
-      font-size: 1em; } }
+      font-size: 20px;
+      line-height: 28px; } }
 
-h5 {
-  line-height: 1.5rem; }
+h5, .h5 {
+  font-size: 16px;
+  line-height: 24px; }
+  @media (min-width: 768px) {
+    h5, .h5 {
+      font-size: 24px;
+      line-height: 32px; } }
 
 p {
-  line-height: 1.5rem; }
-  @media (max-width: 767px) {
-    p {
-      font-size: .85em; } }
+  font-size: 16px;
+  line-height: 24px; }
   p.lead {
-    line-height: 2rem; }
-    @media (max-width: 991px) {
+    font-size: inherit;
+    line-height: inherit; }
+    @media (min-width: 768px) {
       p.lead {
-        font-size: 1.5rem;
-        line-height: 2rem; } }
-    @media (max-width: 767px) {
-      p.lead {
-        font-size: 1rem;
-        line-height: 1.5rem; } }
+        font-size: 24px;
+        line-height: 32px; } }
+
+.display-1 {
+  font-size: 120px;
+  line-height: 144px; }
 
 .display-2 {
-  margin-bottom: 4rem; }
-  @media (max-width: 991px) {
+  font-size: 32px;
+  line-height: 44px;
+  margin-bottom: 40px; }
+  @media (min-width: 768px) {
     .display-2 {
-      font-size: 2.5rem;
-      line-height: 3.5rem;
+      font-size: 40px;
+      line-height: 56px;
       margin-bottom: 3rem; } }
-  @media (max-width: 767px) {
-    .display-2 {
-      font-size: 2rem;
-      line-height: 2.75rem; } }
 
-@media (max-width: 575px) {
-  .display-4 {
-    font-size: .875rem;
-    line-height: 1.25rem; } }
+.display-3 {
+  font-size: 24px;
+  line-height: 32px; }
+  @media (min-width: 768px) {
+    .display-3 {
+      font-size: 32px;
+      line-height: 44px; } }
 
-small {
-  line-height: 1rem; }
-  @media (max-width: 767px) {
-    small {
-      font-size: .75em; } }
+.display-4 {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400; }
+  @media (min-width: 576px) {
+    .display-4 {
+      font-size: 24px;
+      line-height: 32px; } }
+
+.display-5 {
+  font-size: 20px;
+  line-height: 28px; }
+
+small,
+.small {
+  font-size: 14px;
+  line-height: 20px; }
+  @media (min-width: 768px) {
+    small,
+    .small {
+      font-size: 16px;
+      line-height: 24px; } }
 
 .truncate {
   width: 100%;
@@ -5039,19 +5070,57 @@ small {
   overflow: hidden;
   text-overflow: ellipsis; }
 
+.fireinfo_cat {
+  font-size: 14px;
+  line-height: 20px; }
+
+h5.fireinfo {
+  font-size: 20px;
+  line-height: 28px;
+  font-weight: 500; }
+
+.fireinfo_per {
+  font-size: 20px;
+  line-height: 28px; }
+
 #mask {
   width: 100vw;
   height: 100vh;
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.4);
   display: none;
   visibility: hidden; }
   #mask.open {
     display: block;
     visibility: visible; }
 
+.tux {
+  position: absolute;
+  top: 12px;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%); }
+  .tux h1 {
+    font-weight: 300 !important;
+    color: #263238;
+    font-size: 20px;
+    line-height: 28px;
+    margin-bottom: 0; }
+    .tux h1 strong {
+      font-weight: 700 !important; }
+  .tux h1:before {
+    content: "";
+    height: 32px;
+    width: 25px;
+    background-image: url("../img/ipfire-tux.png");
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: contain;
+    display: inline-block;
+    position: relative; }
+
 .menu-text {
   -webkit-transition: opacity .25s ease-in-out;
   transition: opacity .25s ease-in-out; }
@@ -5075,6 +5144,9 @@ small {
     width: 100%; }
     .fixed-top .navbar a {
       color: #263238; }
+      @media (min-width: 576px) {
+        .fixed-top .navbar a {
+          margin-top: 8px; } }
     .fixed-top .navbar .navbar-toggler-left {
       left: -12px;
       top: 8px; }
@@ -5088,8 +5160,7 @@ small {
   font-size: 20px;
   font-weight: 300;
   opacity: 0;
-  margin: 8px 0 0 96px;
-  margin-top: 8px;
+  margin: 0;
   -webkit-transition: opacity .7s linear;
   transition: opacity .7s linear; }
   @media (min-width: 992px) {
@@ -5121,9 +5192,16 @@ small {
   .scrolled .navbar-brand {
     opacity: 1; }
 
+.scrolled.fadeout {
+  background-color: rgba(100, 100, 100, 0.5); }
+  .scrolled.fadeout a.btn-donate {
+    opacity: .5; }
+  .scrolled.fadeout a.navbar-brand {
+    opacity: .5; }
+
 #navbarSupportedContent {
   width: 100%; }
-  @media (max-width: 1199px) {
+  @media (max-width: 991px) {
     #navbarSupportedContent {
       background: white;
       position: fixed;
@@ -5145,7 +5223,7 @@ small {
 
 @media (min-width: 992px) {
   .navbar-nav {
-    padding-top: 10px; } }
+    padding-top: 2px; } }
 
 .navbar-nav .nav-link {
   color: #263238;
@@ -5404,7 +5482,9 @@ section.intro {
       color: #263238; }
       @media (max-width: 575px) {
         section.intro .branding h1 {
-          font-size: 4.5rem; } }
+          font-size: 72px;
+          line-height: 88px;
+          margin-bottom: 0; } }
       section.intro .branding h1 strong {
         font-weight: 700 !important; }
     section.intro .branding h1:before {
@@ -5424,22 +5504,25 @@ section.intro {
           width: 93px;
           margin-right: 32px;
           top: 8px; } }
-  section.intro .page-scroll {
-    position: absolute;
-    bottom: 48px;
-    left: 50%;
-    -webkit-transform: translateX(-50%);
-            transform: translateX(-50%); }
-    section.intro .page-scroll .btn {
-      width: 36px;
-      height: 36px;
-      fill: #b71c1c; }
-      @media (min-width: 576px) {
-        section.intro .page-scroll .btn {
-          width: 64px;
-          height: 64px; } }
-      section.intro .page-scroll .btn:hover .i_arrow_down {
-        fill: white; }
+
+.page-scroll {
+  display: block;
+  visibility: visible;
+  position: absolute;
+  bottom: 48px;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%); }
+  .page-scroll .btn {
+    width: 36px;
+    height: 36px;
+    fill: #b71c1c; }
+    @media (min-width: 576px) {
+      .page-scroll .btn {
+        width: 64px;
+        height: 64px; } }
+    .page-scroll .btn:hover .i_arrow_down {
+      fill: white; }
 
 section.content-section {
   padding: 3rem 0; }
@@ -5479,12 +5562,11 @@ section#fireinfo {
 
 .circle {
   position: relative; }
-  .circle p.lead {
+  .circle p.fireinfo_per {
     color: #546e7a;
     position: absolute;
-    top: calc(50% - 1.25rem);
-    width: 100%;
-    font-size: 1.25em; }
+    top: calc(50% - 20px);
+    width: 100%; }
 
 section#appliances {
   padding-bottom: 48px; }
@@ -5496,9 +5578,11 @@ footer {
       padding-top: 31px; } }
   footer h4 {
     margin-bottom: 1.25rem;
-    color: rgba(38, 50, 56, 0.6); }
+    color: rgba(38, 50, 56, 0.6);
+    font-size: 20px;
+    line-height: 28px; }
   footer ul li {
-    font-size: 0.875rem;
+    font-size: 14px;
     margin-bottom: .75rem; }
     footer ul li a {
       color: rgba(38, 50, 56, 0.6);
@@ -5516,6 +5600,9 @@ footer {
 #copyright {
   background-color: rgba(38, 50, 56, 0.06);
   padding: 1rem 0; }
+  #copyright p {
+    font-size: 12px;
+    line-height: 16px; }
 
 @-webkit-keyframes scroll {
   0%, 100% {

diff --git a/static/js/site-min.js b/static/js/site-min.js
index 1e8643fba5d11bbe83a92bc3e7fdceeaa436df9b..c30c758cee9d4f79fd4a4d99ba2a6ac3c1e1260b 100644 (file)
--- a/static/js/site-min.js
+++ b/static/js/site-min.js
@@ -1 +1 @@
-function getCookie(o){var e=document.cookie.match("\\b"+o+"=([^;]*)\\b");return e?e[1]:void 0}$(document).ready(function(){$("#scrollto").click(function(o){o.preventDefault(),$("body").animate({scrollTop:$("#features").offset().top-72},1e3)}),$(window).scroll(function(){$(document).scrollTop()>100?($(".fixed-top").addClass("scrolled"),$(".menu-text").addClass("hidden")):($(".fixed-top").removeClass("scrolled"),$(".menu-text").removeClass("hidden"))}),$(".navbar-toggler-left").click(function(){$("#navbarSupportedContent, #mask").addClass("open")}),$("#mask").click(function(){$("#navbarSupportedContent, #mask").removeClass("open")})}),$.query=function(o){return new RegExp("[\\?&]"+o+"=([^&#]*)").exec(window.location.href)[1]||0},$("a.download-splash").click(function(o){o.preventDefault(),linkLocation=this.href,window.location="http://downloads.ipfire.org/download-splash?file="+linkLocation}),/.*download-splash.*/i.test(window.location.href)&&$("p.download-path").ready(function(){var o=!1,e=["http://downloads.ipfire.org/"],n=$.query("file");for(i in e)prefix=e[i],n.substring(0,prefix.length)==prefix&&(o=!0);o&&($("p.download-path").prepend($("<a>",{href:encodeURI(n),text:n})),setTimeout(function(){window.location=n},"2000"))}),jQuery.postJSON=function(url,args,callback){args._xsrf=getCookie("_xsrf"),$.ajax({url:url,data:$.param(args),dataType:"text",type:"POST",success:function(response){callback(eval("("+response+")"))}})};
\ No newline at end of file
+function getCookie(o){var e=document.cookie.match("\\b"+o+"=([^;]*)\\b");return e?e[1]:void 0}$(document).ready(function(){$("#scrollto").click(function(o){o.preventDefault(),$("body").animate({scrollTop:$("#features").offset().top-72},1e3)}),$(window).scroll(function(){$(document).scrollTop()>100?($(".fixed-top").addClass("scrolled"),$(".menu-text").addClass("hidden")):($(".fixed-top").removeClass("scrolled"),$(".menu-text").removeClass("hidden"))}),$(".navbar-toggler-left").click(function(){$("#navbarSupportedContent, #mask").addClass("open"),$(".scrolled").addClass("fadeout")}),$("#mask").click(function(){$("#navbarSupportedContent, #mask").removeClass("open"),$(".scrolled").removeClass("fadeout")})}),$.query=function(o){return new RegExp("[\\?&]"+o+"=([^&#]*)").exec(window.location.href)[1]||0},$("a.download-splash").click(function(o){o.preventDefault(),linkLocation=this.href,window.location="http://downloads.ipfire.org/download-splash?file="+linkLocation}),/.*download-splash.*/i.test(window.location.href)&&$("p.download-path").ready(function(){var o=!1,e=["http://downloads.ipfire.org/"],n=$.query("file");for(i in e)prefix=e[i],n.substring(0,prefix.length)==prefix&&(o=!0);o&&($("p.download-path").prepend($("<a>",{href:encodeURI(n),text:n})),setTimeout(function(){window.location=n},"2000"))}),jQuery.postJSON=function(url,args,callback){args._xsrf=getCookie("_xsrf"),$.ajax({url:url,data:$.param(args),dataType:"text",type:"POST",success:function(response){callback(eval("("+response+")"))}})};
\ No newline at end of file

diff --git a/static/js/site.js b/static/js/site.js
index 5270a54c5a1ac2cddbfad0d5809bd2825b50c5a8..93d0d12b2b59ad6a899c7dd1b7a89c5905d567d7 100644 (file)
--- a/static/js/site.js
+++ b/static/js/site.js
@@ -17,9 +17,11 @@ $(document).ready(function () {
     //* Menu *//
        $('.navbar-toggler-left').click(function() {
                $('#navbarSupportedContent, #mask').addClass('open');
+               $('.scrolled').addClass('fadeout');
        });
        $('#mask').click(function() {
                $('#navbarSupportedContent, #mask').removeClass('open');
+               $('.scrolled').removeClass('fadeout');
        });
 });
 

diff --git a/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap-reboot.css b/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap-reboot.css
index 90d649745352cbe76d42055c10e4507177794e38..021741f5d0b4e0c824ff55e47d4070401b85e639 100644 (file)
--- a/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap-reboot.css
+++ b/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap-reboot.css
@@ -214,7 +214,7 @@ html {
 body {
   font-family: "Ubuntu", sans-serif;
   font-size: 1rem;
-  font-weight: 300;
+  font-weight: 400;
   line-height: 1.5;
   color: #263238;
   background-color: #eceff1; }

diff --git a/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap.css b/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap.css
index 10dd6935d90d0784c006859aa182255580db8127..a19ccd76cf2dc54f9772ca884fb80b2ece7b5e2a 100644 (file)
--- a/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap.css
+++ b/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap.css
@@ -271,7 +271,7 @@ html {
 body {
   font-family: "Ubuntu", sans-serif;
   font-size: 1rem;
-  font-weight: 300;
+  font-weight: 400;
   line-height: 1.5;
   color: #263238;
   background-color: #eceff1; }
@@ -432,57 +432,57 @@ h1, h2, h3, h4, h5, h6,
   color: inherit; }
 
 h1, .h1 {
-  font-size: 2.25rem; }
+  font-size: 36px; }
 
 h2, .h2 {
-  font-size: 2rem; }
+  font-size: 32px; }
 
 h3, .h3 {
-  font-size: 1.5rem; }
+  font-size: 24px; }
 
 h4, .h4 {
-  font-size: 1.25rem; }
+  font-size: 20px; }
 
 h5, .h5 {
-  font-size: 1rem; }
+  font-size: 16px; }
 
 h6, .h6 {
-  font-size: 0.75rem; }
+  font-size: 12px; }
 
 .lead {
-  font-size: 1.5rem;
+  font-size: 24px;
   font-weight: 300; }
 
 .display-1 {
-  font-size: 7.5rem;
+  font-size: 120px;
   font-weight: 300;
   line-height: 1.1; }
 
 .display-2 {
-  font-size: 3rem;
+  font-size: 48px;
   font-weight: 300;
   line-height: 1.1; }
 
 .display-3 {
-  font-size: 2.25rem;
+  font-size: 32px;
   font-weight: 300;
   line-height: 1.1; }
 
 .display-4 {
-  font-size: 1.5rem;
+  font-size: 24px;
   font-weight: 300;
   line-height: 1.1; }
 
 hr {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
+  margin-top: 8px;
+  margin-bottom: 8px;
   border: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1); }
 
 small,
 .small {
-  font-size: 0.875rem;
-  font-weight: 300; }
+  font-size: 14px;
+  font-weight: 400; }
 
 mark,
 .mark {
@@ -507,8 +507,8 @@ mark,
   text-transform: uppercase; }
 
 .blockquote {
-  padding: 0.25rem 0.5rem;
-  margin-bottom: 0.5rem;
+  padding: 4px 8px;
+  margin-bottom: 8px;
   font-size: 1.25rem;
   border-left: 0.25rem solid #eceeef; }
 
@@ -520,7 +520,7 @@ mark,
     content: "\2014 \00A0"; }
 
 .blockquote-reverse {
-  padding-right: 0.5rem;
+  padding-right: 8px;
   padding-left: 0;
   text-align: right;
   border-right: 0.25rem solid #eceeef;
@@ -549,7 +549,7 @@ mark,
   display: inline-block; }
 
 .figure-img {
-  margin-bottom: 0.25rem;
+  margin-bottom: 4px;
   line-height: 1; }
 
 .figure-caption {
@@ -1371,7 +1371,7 @@ pre {
 .table {
   width: 100%;
   max-width: 100%;
-  margin-bottom: 0.5rem; }
+  margin-bottom: 8px; }
   .table th,
   .table td {
     padding: 0.75rem;
@@ -1534,7 +1534,7 @@ select.form-control:focus::-ms-value {
 .col-form-label-lg {
   padding-top: calc(0.75rem - 2px * 2);
   padding-bottom: calc(0.75rem - 2px * 2);
-  font-size: 1.25rem; }
+  font-size: 20px; }
 
 .col-form-label-sm {
   padding-top: calc(0.25rem - 2px * 2);
@@ -1578,7 +1578,7 @@ select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.for
 .input-group-lg > .input-group-addon,
 .input-group-lg > .input-group-btn > .btn {
   padding: 0.75rem 1.5rem;
-  font-size: 1.25rem;
+  font-size: 20px;
   border-radius: 0.3rem; }
 
 select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
@@ -1750,7 +1750,7 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
   vertical-align: middle;
   user-select: none;
   border: 2px solid transparent;
-  padding: 0.5rem 1rem;
+  padding: 8px 16px;
   font-size: 1rem;
   border-radius: 0.25rem;
   transition: all 0.2s ease-in-out; }
@@ -2010,7 +2010,7 @@ fieldset[disabled] a.btn {
     border-color: #d9534f; }
 
 .btn-link {
-  font-weight: 300;
+  font-weight: 400;
   color: #b71c1c;
   border-radius: 0; }
   .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
@@ -2029,12 +2029,12 @@ fieldset[disabled] a.btn {
       text-decoration: none; }
 
 .btn-lg, .btn-group-lg > .btn {
-  padding: 0.75rem 2rem;
-  font-size: 1.25rem;
-  border-radius: 0.125rem; }
+  padding: 12px 32px;
+  font-size: 20px;
+  border-radius: 2px; }
 
 .btn-sm, .btn-group-sm > .btn {
-  padding: 0.25rem 0.5rem;
+  padding: 4px 8px;
   font-size: 0.875rem;
   border-radius: 0.2rem; }
 
@@ -2043,7 +2043,7 @@ fieldset[disabled] a.btn {
   width: 100%; }
 
 .btn-block + .btn-block {
-  margin-top: 0.5rem; }
+  margin-top: 8px; }
 
 input[type="submit"].btn-block,
 input[type="reset"].btn-block,
@@ -2116,7 +2116,7 @@ tbody.collapse.show {
 
 .dropdown-divider {
   height: 1px;
-  margin: 0.25rem 0;
+  margin: 4px 0;
   overflow: hidden;
   background-color: #eceeef; }
 
@@ -2125,7 +2125,7 @@ tbody.collapse.show {
   width: 100%;
   padding: 3px 1.5rem;
   clear: both;
-  font-weight: 300;
+  font-weight: 400;
   color: #292b2c;
   text-align: inherit;
   white-space: nowrap;
@@ -2246,18 +2246,18 @@ tbody.collapse.show {
   outline: 0; }
 
 .btn + .dropdown-toggle-split {
-  padding-right: 0.75rem;
-  padding-left: 0.75rem; }
+  padding-right: 12px;
+  padding-left: 12px; }
   .btn + .dropdown-toggle-split::after {
     margin-left: 0; }
 
 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
-  padding-right: 0.375rem;
-  padding-left: 0.375rem; }
+  padding-right: 6px;
+  padding-left: 6px; }
 
 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
-  padding-right: 1.5rem;
-  padding-left: 1.5rem; }
+  padding-right: 24px;
+  padding-left: 24px; }
 
 .btn-group-vertical {
   display: inline-flex;
@@ -2338,7 +2338,7 @@ tbody.collapse.show {
   padding: 0.5rem 0.75rem;
   margin-bottom: 0;
   font-size: 1rem;
-  font-weight: 300;
+  font-weight: 400;
   line-height: 1.25;
   color: #464a4c;
   text-align: center;
@@ -2355,7 +2355,7 @@ tbody.collapse.show {
   .input-group-lg > .input-group-addon,
   .input-group-lg > .input-group-btn > .input-group-addon.btn {
     padding: 0.75rem 1.5rem;
-    font-size: 1.25rem;
+    font-size: 20px;
     border-radius: 0.3rem; }
   .input-group-addon input[type="radio"],
   .input-group-addon input[type="checkbox"] {
@@ -2566,7 +2566,7 @@ tbody.collapse.show {
 
 .nav-link {
   display: block;
-  padding: 0.5em 1.5em; }
+  padding: 8px 24px; }
   .nav-link:focus, .nav-link:hover {
     text-decoration: none; }
   .nav-link.disabled {
@@ -2624,14 +2624,14 @@ tbody.collapse.show {
   position: relative;
   display: flex;
   flex-direction: column;
-  padding: 0.5rem 0.5rem; }
+  padding: 8px 8px; }
 
 .navbar-brand {
   display: inline-block;
   padding-top: .25rem;
   padding-bottom: .25rem;
-  margin-right: 0.5rem;
-  font-size: 1.25rem;
+  margin-right: 8px;
+  font-size: 20px;
   line-height: inherit;
   white-space: nowrap; }
   .navbar-brand:focus, .navbar-brand:hover {
@@ -2674,11 +2674,11 @@ tbody.collapse.show {
 
 .navbar-toggler-left {
   position: absolute;
-  left: 0.5rem; }
+  left: 8px; }
 
 .navbar-toggler-right {
   position: absolute;
-  right: 0.5rem; }
+  right: 8px; }
 
 @media (max-width: 575px) {
   .navbar-toggleable .navbar-nav .dropdown-menu {
@@ -3093,7 +3093,7 @@ tbody.collapse.show {
 
 .breadcrumb {
   padding: 0.75rem 1rem;
-  margin-bottom: 0.5rem;
+  margin-bottom: 8px;
   list-style: none;
   background-color: #eceeef;
   border-radius: 0.25rem; }
@@ -3162,7 +3162,7 @@ tbody.collapse.show {
 
 .pagination-lg .page-link {
   padding: 0.75rem 1.5rem;
-  font-size: 1.25rem; }
+  font-size: 20px; }
 
 .pagination-lg .page-item:first-child .page-link {
   border-bottom-left-radius: 0.3rem;
@@ -3658,7 +3658,7 @@ button.close {
   display: block;
   font-family: "Ubuntu", sans-serif;
   font-style: normal;
-  font-weight: 300;
+  font-weight: 400;
   letter-spacing: normal;
   line-break: auto;
   line-height: 1.5;
@@ -3740,7 +3740,7 @@ button.close {
   padding: 1px;
   font-family: "Ubuntu", sans-serif;
   font-style: normal;
-  font-weight: 300;
+  font-weight: 400;
   letter-spacing: normal;
   line-break: auto;
   line-height: 1.5;
@@ -4688,142 +4688,142 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   margin-bottom: 0 !important; }
 
 .m-1 {
-  margin: 0.125rem 0.125rem !important; }
+  margin: 2px 2px !important; }
 
 .mt-1 {
-  margin-top: 0.125rem !important; }
+  margin-top: 2px !important; }
 
 .mr-1 {
-  margin-right: 0.125rem !important; }
+  margin-right: 2px !important; }
 
 .mb-1 {
-  margin-bottom: 0.125rem !important; }
+  margin-bottom: 2px !important; }
 
 .ml-1 {
-  margin-left: 0.125rem !important; }
+  margin-left: 2px !important; }
 
 .mx-1 {
-  margin-right: 0.125rem !important;
-  margin-left: 0.125rem !important; }
+  margin-right: 2px !important;
+  margin-left: 2px !important; }
 
 .my-1 {
-  margin-top: 0.125rem !important;
-  margin-bottom: 0.125rem !important; }
+  margin-top: 2px !important;
+  margin-bottom: 2px !important; }
 
 .m-2 {
-  margin: 0.25rem 0.25rem !important; }
+  margin: 4px 4px !important; }
 
 .mt-2 {
-  margin-top: 0.25rem !important; }
+  margin-top: 4px !important; }
 
 .mr-2 {
-  margin-right: 0.25rem !important; }
+  margin-right: 4px !important; }
 
 .mb-2 {
-  margin-bottom: 0.25rem !important; }
+  margin-bottom: 4px !important; }
 
 .ml-2 {
-  margin-left: 0.25rem !important; }
+  margin-left: 4px !important; }
 
 .mx-2 {
-  margin-right: 0.25rem !important;
-  margin-left: 0.25rem !important; }
+  margin-right: 4px !important;
+  margin-left: 4px !important; }
 
 .my-2 {
-  margin-top: 0.25rem !important;
-  margin-bottom: 0.25rem !important; }
+  margin-top: 4px !important;
+  margin-bottom: 4px !important; }
 
 .m-3 {
-  margin: 0.5rem 0.5rem !important; }
+  margin: 8px 8px !important; }
 
 .mt-3 {
-  margin-top: 0.5rem !important; }
+  margin-top: 8px !important; }
 
 .mr-3 {
-  margin-right: 0.5rem !important; }
+  margin-right: 8px !important; }
 
 .mb-3 {
-  margin-bottom: 0.5rem !important; }
+  margin-bottom: 8px !important; }
 
 .ml-3 {
-  margin-left: 0.5rem !important; }
+  margin-left: 8px !important; }
 
 .mx-3 {
-  margin-right: 0.5rem !important;
-  margin-left: 0.5rem !important; }
+  margin-right: 8px !important;
+  margin-left: 8px !important; }
 
 .my-3 {
-  margin-top: 0.5rem !important;
-  margin-bottom: 0.5rem !important; }
+  margin-top: 8px !important;
+  margin-bottom: 8px !important; }
 
 .m-4 {
-  margin: 0.75rem 0.75rem !important; }
+  margin: 12px 12px !important; }
 
 .mt-4 {
-  margin-top: 0.75rem !important; }
+  margin-top: 12px !important; }
 
 .mr-4 {
-  margin-right: 0.75rem !important; }
+  margin-right: 12px !important; }
 
 .mb-4 {
-  margin-bottom: 0.75rem !important; }
+  margin-bottom: 12px !important; }
 
 .ml-4 {
-  margin-left: 0.75rem !important; }
+  margin-left: 12px !important; }
 
 .mx-4 {
-  margin-right: 0.75rem !important;
-  margin-left: 0.75rem !important; }
+  margin-right: 12px !important;
+  margin-left: 12px !important; }
 
 .my-4 {
-  margin-top: 0.75rem !important;
-  margin-bottom: 0.75rem !important; }
+  margin-top: 12px !important;
+  margin-bottom: 12px !important; }
 
 .m-5 {
-  margin: 1rem 1rem !important; }
+  margin: 16px 16px !important; }
 
 .mt-5 {
-  margin-top: 1rem !important; }
+  margin-top: 16px !important; }
 
 .mr-5 {
-  margin-right: 1rem !important; }
+  margin-right: 16px !important; }
 
 .mb-5 {
-  margin-bottom: 1rem !important; }
+  margin-bottom: 16px !important; }
 
 .ml-5 {
-  margin-left: 1rem !important; }
+  margin-left: 16px !important; }
 
 .mx-5 {
-  margin-right: 1rem !important;
-  margin-left: 1rem !important; }
+  margin-right: 16px !important;
+  margin-left: 16px !important; }
 
 .my-5 {
-  margin-top: 1rem !important;
-  margin-bottom: 1rem !important; }
+  margin-top: 16px !important;
+  margin-bottom: 16px !important; }
 
 .m-6 {
-  margin: 3rem 3rem !important; }
+  margin: 48px 48px !important; }
 
 .mt-6 {
-  margin-top: 3rem !important; }
+  margin-top: 48px !important; }
 
 .mr-6 {
-  margin-right: 3rem !important; }
+  margin-right: 48px !important; }
 
 .mb-6 {
-  margin-bottom: 3rem !important; }
+  margin-bottom: 48px !important; }
 
 .ml-6 {
-  margin-left: 3rem !important; }
+  margin-left: 48px !important; }
 
 .mx-6 {
-  margin-right: 3rem !important;
-  margin-left: 3rem !important; }
+  margin-right: 48px !important;
+  margin-left: 48px !important; }
 
 .my-6 {
-  margin-top: 3rem !important;
-  margin-bottom: 3rem !important; }
+  margin-top: 48px !important;
+  margin-bottom: 48px !important; }
 
 .p-0 {
   padding: 0 0 !important; }
@@ -4849,142 +4849,142 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   padding-bottom: 0 !important; }
 
 .p-1 {
-  padding: 0.125rem 0.125rem !important; }
+  padding: 2px 2px !important; }
 
 .pt-1 {
-  padding-top: 0.125rem !important; }
+  padding-top: 2px !important; }
 
 .pr-1 {
-  padding-right: 0.125rem !important; }
+  padding-right: 2px !important; }
 
 .pb-1 {
-  padding-bottom: 0.125rem !important; }
+  padding-bottom: 2px !important; }
 
 .pl-1 {
-  padding-left: 0.125rem !important; }
+  padding-left: 2px !important; }
 
 .px-1 {
-  padding-right: 0.125rem !important;
-  padding-left: 0.125rem !important; }
+  padding-right: 2px !important;
+  padding-left: 2px !important; }
 
 .py-1 {
-  padding-top: 0.125rem !important;
-  padding-bottom: 0.125rem !important; }
+  padding-top: 2px !important;
+  padding-bottom: 2px !important; }
 
 .p-2 {
-  padding: 0.25rem 0.25rem !important; }
+  padding: 4px 4px !important; }
 
 .pt-2 {
-  padding-top: 0.25rem !important; }
+  padding-top: 4px !important; }
 
 .pr-2 {
-  padding-right: 0.25rem !important; }
+  padding-right: 4px !important; }
 
 .pb-2 {
-  padding-bottom: 0.25rem !important; }
+  padding-bottom: 4px !important; }
 
 .pl-2 {
-  padding-left: 0.25rem !important; }
+  padding-left: 4px !important; }
 
 .px-2 {
-  padding-right: 0.25rem !important;
-  padding-left: 0.25rem !important; }
+  padding-right: 4px !important;
+  padding-left: 4px !important; }
 
 .py-2 {
-  padding-top: 0.25rem !important;
-  padding-bottom: 0.25rem !important; }
+  padding-top: 4px !important;
+  padding-bottom: 4px !important; }
 
 .p-3 {
-  padding: 0.5rem 0.5rem !important; }
+  padding: 8px 8px !important; }
 
 .pt-3 {
-  padding-top: 0.5rem !important; }
+  padding-top: 8px !important; }
 
 .pr-3 {
-  padding-right: 0.5rem !important; }
+  padding-right: 8px !important; }
 
 .pb-3 {
-  padding-bottom: 0.5rem !important; }
+  padding-bottom: 8px !important; }
 
 .pl-3 {
-  padding-left: 0.5rem !important; }
+  padding-left: 8px !important; }
 
 .px-3 {
-  padding-right: 0.5rem !important;
-  padding-left: 0.5rem !important; }
+  padding-right: 8px !important;
+  padding-left: 8px !important; }
 
 .py-3 {
-  padding-top: 0.5rem !important;
-  padding-bottom: 0.5rem !important; }
+  padding-top: 8px !important;
+  padding-bottom: 8px !important; }
 
 .p-4 {
-  padding: 0.75rem 0.75rem !important; }
+  padding: 12px 12px !important; }
 
 .pt-4 {
-  padding-top: 0.75rem !important; }
+  padding-top: 12px !important; }
 
 .pr-4 {
-  padding-right: 0.75rem !important; }
+  padding-right: 12px !important; }
 
 .pb-4 {
-  padding-bottom: 0.75rem !important; }
+  padding-bottom: 12px !important; }
 
 .pl-4 {
-  padding-left: 0.75rem !important; }
+  padding-left: 12px !important; }
 
 .px-4 {
-  padding-right: 0.75rem !important;
-  padding-left: 0.75rem !important; }
+  padding-right: 12px !important;
+  padding-left: 12px !important; }
 
 .py-4 {
-  padding-top: 0.75rem !important;
-  padding-bottom: 0.75rem !important; }
+  padding-top: 12px !important;
+  padding-bottom: 12px !important; }
 
 .p-5 {
-  padding: 1rem 1rem !important; }
+  padding: 16px 16px !important; }
 
 .pt-5 {
-  padding-top: 1rem !important; }
+  padding-top: 16px !important; }
 
 .pr-5 {
-  padding-right: 1rem !important; }
+  padding-right: 16px !important; }
 
 .pb-5 {
-  padding-bottom: 1rem !important; }
+  padding-bottom: 16px !important; }
 
 .pl-5 {
-  padding-left: 1rem !important; }
+  padding-left: 16px !important; }
 
 .px-5 {
-  padding-right: 1rem !important;
-  padding-left: 1rem !important; }
+  padding-right: 16px !important;
+  padding-left: 16px !important; }
 
 .py-5 {
-  padding-top: 1rem !important;
-  padding-bottom: 1rem !important; }
+  padding-top: 16px !important;
+  padding-bottom: 16px !important; }
 
 .p-6 {
-  padding: 3rem 3rem !important; }
+  padding: 48px 48px !important; }
 
 .pt-6 {
-  padding-top: 3rem !important; }
+  padding-top: 48px !important; }
 
 .pr-6 {
-  padding-right: 3rem !important; }
+  padding-right: 48px !important; }
 
 .pb-6 {
-  padding-bottom: 3rem !important; }
+  padding-bottom: 48px !important; }
 
 .pl-6 {
-  padding-left: 3rem !important; }
+  padding-left: 48px !important; }
 
 .px-6 {
-  padding-right: 3rem !important;
-  padding-left: 3rem !important; }
+  padding-right: 48px !important;
+  padding-left: 48px !important; }
 
 .py-6 {
-  padding-top: 3rem !important;
-  padding-bottom: 3rem !important; }
+  padding-top: 48px !important;
+  padding-bottom: 48px !important; }
 
 .m-auto {
   margin: auto !important; }
@@ -5027,101 +5027,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     margin-top: 0 !important;
     margin-bottom: 0 !important; }
   .m-sm-1 {
-    margin: 0.125rem 0.125rem !important; }
+    margin: 2px 2px !important; }
   .mt-sm-1 {
-    margin-top: 0.125rem !important; }
+    margin-top: 2px !important; }
   .mr-sm-1 {
-    margin-right: 0.125rem !important; }
+    margin-right: 2px !important; }
   .mb-sm-1 {
-    margin-bottom: 0.125rem !important; }
+    margin-bottom: 2px !important; }
   .ml-sm-1 {
-    margin-left: 0.125rem !important; }
+    margin-left: 2px !important; }
   .mx-sm-1 {
-    margin-right: 0.125rem !important;
-    margin-left: 0.125rem !important; }
+    margin-right: 2px !important;
+    margin-left: 2px !important; }
   .my-sm-1 {
-    margin-top: 0.125rem !important;
-    margin-bottom: 0.125rem !important; }
+    margin-top: 2px !important;
+    margin-bottom: 2px !important; }
   .m-sm-2 {
-    margin: 0.25rem 0.25rem !important; }
+    margin: 4px 4px !important; }
   .mt-sm-2 {
-    margin-top: 0.25rem !important; }
+    margin-top: 4px !important; }
   .mr-sm-2 {
-    margin-right: 0.25rem !important; }
+    margin-right: 4px !important; }
   .mb-sm-2 {
-    margin-bottom: 0.25rem !important; }
+    margin-bottom: 4px !important; }
   .ml-sm-2 {
-    margin-left: 0.25rem !important; }
+    margin-left: 4px !important; }
   .mx-sm-2 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important; }
+    margin-right: 4px !important;
+    margin-left: 4px !important; }
   .my-sm-2 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important; }
+    margin-top: 4px !important;
+    margin-bottom: 4px !important; }
   .m-sm-3 {
-    margin: 0.5rem 0.5rem !important; }
+    margin: 8px 8px !important; }
   .mt-sm-3 {
-    margin-top: 0.5rem !important; }
+    margin-top: 8px !important; }
   .mr-sm-3 {
-    margin-right: 0.5rem !important; }
+    margin-right: 8px !important; }
   .mb-sm-3 {
-    margin-bottom: 0.5rem !important; }
+    margin-bottom: 8px !important; }
   .ml-sm-3 {
-    margin-left: 0.5rem !important; }
+    margin-left: 8px !important; }
   .mx-sm-3 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important; }
+    margin-right: 8px !important;
+    margin-left: 8px !important; }
   .my-sm-3 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important; }
+    margin-top: 8px !important;
+    margin-bottom: 8px !important; }
   .m-sm-4 {
-    margin: 0.75rem 0.75rem !important; }
+    margin: 12px 12px !important; }
   .mt-sm-4 {
-    margin-top: 0.75rem !important; }
+    margin-top: 12px !important; }
   .mr-sm-4 {
-    margin-right: 0.75rem !important; }
+    margin-right: 12px !important; }
   .mb-sm-4 {
-    margin-bottom: 0.75rem !important; }
+    margin-bottom: 12px !important; }
   .ml-sm-4 {
-    margin-left: 0.75rem !important; }
+    margin-left: 12px !important; }
   .mx-sm-4 {
-    margin-right: 0.75rem !important;
-    margin-left: 0.75rem !important; }
+    margin-right: 12px !important;
+    margin-left: 12px !important; }
   .my-sm-4 {
-    margin-top: 0.75rem !important;
-    margin-bottom: 0.75rem !important; }
+    margin-top: 12px !important;
+    margin-bottom: 12px !important; }
   .m-sm-5 {
-    margin: 1rem 1rem !important; }
+    margin: 16px 16px !important; }
   .mt-sm-5 {
-    margin-top: 1rem !important; }
+    margin-top: 16px !important; }
   .mr-sm-5 {
-    margin-right: 1rem !important; }
+    margin-right: 16px !important; }
   .mb-sm-5 {
-    margin-bottom: 1rem !important; }
+    margin-bottom: 16px !important; }
   .ml-sm-5 {
-    margin-left: 1rem !important; }
+    margin-left: 16px !important; }
   .mx-sm-5 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important; }
+    margin-right: 16px !important;
+    margin-left: 16px !important; }
   .my-sm-5 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important; }
+    margin-top: 16px !important;
+    margin-bottom: 16px !important; }
   .m-sm-6 {
-    margin: 3rem 3rem !important; }
+    margin: 48px 48px !important; }
   .mt-sm-6 {
-    margin-top: 3rem !important; }
+    margin-top: 48px !important; }
   .mr-sm-6 {
-    margin-right: 3rem !important; }
+    margin-right: 48px !important; }
   .mb-sm-6 {
-    margin-bottom: 3rem !important; }
+    margin-bottom: 48px !important; }
   .ml-sm-6 {
-    margin-left: 3rem !important; }
+    margin-left: 48px !important; }
   .mx-sm-6 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important; }
+    margin-right: 48px !important;
+    margin-left: 48px !important; }
   .my-sm-6 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important; }
+    margin-top: 48px !important;
+    margin-bottom: 48px !important; }
   .p-sm-0 {
     padding: 0 0 !important; }
   .pt-sm-0 {
@@ -5139,101 +5139,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     padding-top: 0 !important;
     padding-bottom: 0 !important; }
   .p-sm-1 {
-    padding: 0.125rem 0.125rem !important; }
+    padding: 2px 2px !important; }
   .pt-sm-1 {
-    padding-top: 0.125rem !important; }
+    padding-top: 2px !important; }
   .pr-sm-1 {
-    padding-right: 0.125rem !important; }
+    padding-right: 2px !important; }
   .pb-sm-1 {
-    padding-bottom: 0.125rem !important; }
+    padding-bottom: 2px !important; }
   .pl-sm-1 {
-    padding-left: 0.125rem !important; }
+    padding-left: 2px !important; }
   .px-sm-1 {
-    padding-right: 0.125rem !important;
-    padding-left: 0.125rem !important; }
+    padding-right: 2px !important;
+    padding-left: 2px !important; }
   .py-sm-1 {
-    padding-top: 0.125rem !important;
-    padding-bottom: 0.125rem !important; }
+    padding-top: 2px !important;
+    padding-bottom: 2px !important; }
   .p-sm-2 {
-    padding: 0.25rem 0.25rem !important; }
+    padding: 4px 4px !important; }
   .pt-sm-2 {
-    padding-top: 0.25rem !important; }
+    padding-top: 4px !important; }
   .pr-sm-2 {
-    padding-right: 0.25rem !important; }
+    padding-right: 4px !important; }
   .pb-sm-2 {
-    padding-bottom: 0.25rem !important; }
+    padding-bottom: 4px !important; }
   .pl-sm-2 {
-    padding-left: 0.25rem !important; }
+    padding-left: 4px !important; }
   .px-sm-2 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important; }
+    padding-right: 4px !important;
+    padding-left: 4px !important; }
   .py-sm-2 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important; }
+    padding-top: 4px !important;
+    padding-bottom: 4px !important; }
   .p-sm-3 {
-    padding: 0.5rem 0.5rem !important; }
+    padding: 8px 8px !important; }
   .pt-sm-3 {
-    padding-top: 0.5rem !important; }
+    padding-top: 8px !important; }
   .pr-sm-3 {
-    padding-right: 0.5rem !important; }
+    padding-right: 8px !important; }
   .pb-sm-3 {
-    padding-bottom: 0.5rem !important; }
+    padding-bottom: 8px !important; }
   .pl-sm-3 {
-    padding-left: 0.5rem !important; }
+    padding-left: 8px !important; }
   .px-sm-3 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important; }
+    padding-right: 8px !important;
+    padding-left: 8px !important; }
   .py-sm-3 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important; }
+    padding-top: 8px !important;
+    padding-bottom: 8px !important; }
   .p-sm-4 {
-    padding: 0.75rem 0.75rem !important; }
+    padding: 12px 12px !important; }
   .pt-sm-4 {
-    padding-top: 0.75rem !important; }
+    padding-top: 12px !important; }
   .pr-sm-4 {
-    padding-right: 0.75rem !important; }
+    padding-right: 12px !important; }
   .pb-sm-4 {
-    padding-bottom: 0.75rem !important; }
+    padding-bottom: 12px !important; }
   .pl-sm-4 {
-    padding-left: 0.75rem !important; }
+    padding-left: 12px !important; }
   .px-sm-4 {
-    padding-right: 0.75rem !important;
-    padding-left: 0.75rem !important; }
+    padding-right: 12px !important;
+    padding-left: 12px !important; }
   .py-sm-4 {
-    padding-top: 0.75rem !important;
-    padding-bottom: 0.75rem !important; }
+    padding-top: 12px !important;
+    padding-bottom: 12px !important; }
   .p-sm-5 {
-    padding: 1rem 1rem !important; }
+    padding: 16px 16px !important; }
   .pt-sm-5 {
-    padding-top: 1rem !important; }
+    padding-top: 16px !important; }
   .pr-sm-5 {
-    padding-right: 1rem !important; }
+    padding-right: 16px !important; }
   .pb-sm-5 {
-    padding-bottom: 1rem !important; }
+    padding-bottom: 16px !important; }
   .pl-sm-5 {
-    padding-left: 1rem !important; }
+    padding-left: 16px !important; }
   .px-sm-5 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important; }
+    padding-right: 16px !important;
+    padding-left: 16px !important; }
   .py-sm-5 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important; }
+    padding-top: 16px !important;
+    padding-bottom: 16px !important; }
   .p-sm-6 {
-    padding: 3rem 3rem !important; }
+    padding: 48px 48px !important; }
   .pt-sm-6 {
-    padding-top: 3rem !important; }
+    padding-top: 48px !important; }
   .pr-sm-6 {
-    padding-right: 3rem !important; }
+    padding-right: 48px !important; }
   .pb-sm-6 {
-    padding-bottom: 3rem !important; }
+    padding-bottom: 48px !important; }
   .pl-sm-6 {
-    padding-left: 3rem !important; }
+    padding-left: 48px !important; }
   .px-sm-6 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important; }
+    padding-right: 48px !important;
+    padding-left: 48px !important; }
   .py-sm-6 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important; }
+    padding-top: 48px !important;
+    padding-bottom: 48px !important; }
   .m-sm-auto {
     margin: auto !important; }
   .mt-sm-auto {
@@ -5269,101 +5269,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     margin-top: 0 !important;
     margin-bottom: 0 !important; }
   .m-md-1 {
-    margin: 0.125rem 0.125rem !important; }
+    margin: 2px 2px !important; }
   .mt-md-1 {
-    margin-top: 0.125rem !important; }
+    margin-top: 2px !important; }
   .mr-md-1 {
-    margin-right: 0.125rem !important; }
+    margin-right: 2px !important; }
   .mb-md-1 {
-    margin-bottom: 0.125rem !important; }
+    margin-bottom: 2px !important; }
   .ml-md-1 {
-    margin-left: 0.125rem !important; }
+    margin-left: 2px !important; }
   .mx-md-1 {
-    margin-right: 0.125rem !important;
-    margin-left: 0.125rem !important; }
+    margin-right: 2px !important;
+    margin-left: 2px !important; }
   .my-md-1 {
-    margin-top: 0.125rem !important;
-    margin-bottom: 0.125rem !important; }
+    margin-top: 2px !important;
+    margin-bottom: 2px !important; }
   .m-md-2 {
-    margin: 0.25rem 0.25rem !important; }
+    margin: 4px 4px !important; }
   .mt-md-2 {
-    margin-top: 0.25rem !important; }
+    margin-top: 4px !important; }
   .mr-md-2 {
-    margin-right: 0.25rem !important; }
+    margin-right: 4px !important; }
   .mb-md-2 {
-    margin-bottom: 0.25rem !important; }
+    margin-bottom: 4px !important; }
   .ml-md-2 {
-    margin-left: 0.25rem !important; }
+    margin-left: 4px !important; }
   .mx-md-2 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important; }
+    margin-right: 4px !important;
+    margin-left: 4px !important; }
   .my-md-2 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important; }
+    margin-top: 4px !important;
+    margin-bottom: 4px !important; }
   .m-md-3 {
-    margin: 0.5rem 0.5rem !important; }
+    margin: 8px 8px !important; }
   .mt-md-3 {
-    margin-top: 0.5rem !important; }
+    margin-top: 8px !important; }
   .mr-md-3 {
-    margin-right: 0.5rem !important; }
+    margin-right: 8px !important; }
   .mb-md-3 {
-    margin-bottom: 0.5rem !important; }
+    margin-bottom: 8px !important; }
   .ml-md-3 {
-    margin-left: 0.5rem !important; }
+    margin-left: 8px !important; }
   .mx-md-3 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important; }
+    margin-right: 8px !important;
+    margin-left: 8px !important; }
   .my-md-3 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important; }
+    margin-top: 8px !important;
+    margin-bottom: 8px !important; }
   .m-md-4 {
-    margin: 0.75rem 0.75rem !important; }
+    margin: 12px 12px !important; }
   .mt-md-4 {
-    margin-top: 0.75rem !important; }
+    margin-top: 12px !important; }
   .mr-md-4 {
-    margin-right: 0.75rem !important; }
+    margin-right: 12px !important; }
   .mb-md-4 {
-    margin-bottom: 0.75rem !important; }
+    margin-bottom: 12px !important; }
   .ml-md-4 {
-    margin-left: 0.75rem !important; }
+    margin-left: 12px !important; }
   .mx-md-4 {
-    margin-right: 0.75rem !important;
-    margin-left: 0.75rem !important; }
+    margin-right: 12px !important;
+    margin-left: 12px !important; }
   .my-md-4 {
-    margin-top: 0.75rem !important;
-    margin-bottom: 0.75rem !important; }
+    margin-top: 12px !important;
+    margin-bottom: 12px !important; }
   .m-md-5 {
-    margin: 1rem 1rem !important; }
+    margin: 16px 16px !important; }
   .mt-md-5 {
-    margin-top: 1rem !important; }
+    margin-top: 16px !important; }
   .mr-md-5 {
-    margin-right: 1rem !important; }
+    margin-right: 16px !important; }
   .mb-md-5 {
-    margin-bottom: 1rem !important; }
+    margin-bottom: 16px !important; }
   .ml-md-5 {
-    margin-left: 1rem !important; }
+    margin-left: 16px !important; }
   .mx-md-5 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important; }
+    margin-right: 16px !important;
+    margin-left: 16px !important; }
   .my-md-5 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important; }
+    margin-top: 16px !important;
+    margin-bottom: 16px !important; }
   .m-md-6 {
-    margin: 3rem 3rem !important; }
+    margin: 48px 48px !important; }
   .mt-md-6 {
-    margin-top: 3rem !important; }
+    margin-top: 48px !important; }
   .mr-md-6 {
-    margin-right: 3rem !important; }
+    margin-right: 48px !important; }
   .mb-md-6 {
-    margin-bottom: 3rem !important; }
+    margin-bottom: 48px !important; }
   .ml-md-6 {
-    margin-left: 3rem !important; }
+    margin-left: 48px !important; }
   .mx-md-6 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important; }
+    margin-right: 48px !important;
+    margin-left: 48px !important; }
   .my-md-6 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important; }
+    margin-top: 48px !important;
+    margin-bottom: 48px !important; }
   .p-md-0 {
     padding: 0 0 !important; }
   .pt-md-0 {
@@ -5381,101 +5381,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     padding-top: 0 !important;
     padding-bottom: 0 !important; }
   .p-md-1 {
-    padding: 0.125rem 0.125rem !important; }
+    padding: 2px 2px !important; }
   .pt-md-1 {
-    padding-top: 0.125rem !important; }
+    padding-top: 2px !important; }
   .pr-md-1 {
-    padding-right: 0.125rem !important; }
+    padding-right: 2px !important; }
   .pb-md-1 {
-    padding-bottom: 0.125rem !important; }
+    padding-bottom: 2px !important; }
   .pl-md-1 {
-    padding-left: 0.125rem !important; }
+    padding-left: 2px !important; }
   .px-md-1 {
-    padding-right: 0.125rem !important;
-    padding-left: 0.125rem !important; }
+    padding-right: 2px !important;
+    padding-left: 2px !important; }
   .py-md-1 {
-    padding-top: 0.125rem !important;
-    padding-bottom: 0.125rem !important; }
+    padding-top: 2px !important;
+    padding-bottom: 2px !important; }
   .p-md-2 {
-    padding: 0.25rem 0.25rem !important; }
+    padding: 4px 4px !important; }
   .pt-md-2 {
-    padding-top: 0.25rem !important; }
+    padding-top: 4px !important; }
   .pr-md-2 {
-    padding-right: 0.25rem !important; }
+    padding-right: 4px !important; }
   .pb-md-2 {
-    padding-bottom: 0.25rem !important; }
+    padding-bottom: 4px !important; }
   .pl-md-2 {
-    padding-left: 0.25rem !important; }
+    padding-left: 4px !important; }
   .px-md-2 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important; }
+    padding-right: 4px !important;
+    padding-left: 4px !important; }
   .py-md-2 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important; }
+    padding-top: 4px !important;
+    padding-bottom: 4px !important; }
   .p-md-3 {
-    padding: 0.5rem 0.5rem !important; }
+    padding: 8px 8px !important; }
   .pt-md-3 {
-    padding-top: 0.5rem !important; }
+    padding-top: 8px !important; }
   .pr-md-3 {
-    padding-right: 0.5rem !important; }
+    padding-right: 8px !important; }
   .pb-md-3 {
-    padding-bottom: 0.5rem !important; }
+    padding-bottom: 8px !important; }
   .pl-md-3 {
-    padding-left: 0.5rem !important; }
+    padding-left: 8px !important; }
   .px-md-3 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important; }
+    padding-right: 8px !important;
+    padding-left: 8px !important; }
   .py-md-3 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important; }
+    padding-top: 8px !important;
+    padding-bottom: 8px !important; }
   .p-md-4 {
-    padding: 0.75rem 0.75rem !important; }
+    padding: 12px 12px !important; }
   .pt-md-4 {
-    padding-top: 0.75rem !important; }
+    padding-top: 12px !important; }
   .pr-md-4 {
-    padding-right: 0.75rem !important; }
+    padding-right: 12px !important; }
   .pb-md-4 {
-    padding-bottom: 0.75rem !important; }
+    padding-bottom: 12px !important; }
   .pl-md-4 {
-    padding-left: 0.75rem !important; }
+    padding-left: 12px !important; }
   .px-md-4 {
-    padding-right: 0.75rem !important;
-    padding-left: 0.75rem !important; }
+    padding-right: 12px !important;
+    padding-left: 12px !important; }
   .py-md-4 {
-    padding-top: 0.75rem !important;
-    padding-bottom: 0.75rem !important; }
+    padding-top: 12px !important;
+    padding-bottom: 12px !important; }
   .p-md-5 {
-    padding: 1rem 1rem !important; }
+    padding: 16px 16px !important; }
   .pt-md-5 {
-    padding-top: 1rem !important; }
+    padding-top: 16px !important; }
   .pr-md-5 {
-    padding-right: 1rem !important; }
+    padding-right: 16px !important; }
   .pb-md-5 {
-    padding-bottom: 1rem !important; }
+    padding-bottom: 16px !important; }
   .pl-md-5 {
-    padding-left: 1rem !important; }
+    padding-left: 16px !important; }
   .px-md-5 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important; }
+    padding-right: 16px !important;
+    padding-left: 16px !important; }
   .py-md-5 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important; }
+    padding-top: 16px !important;
+    padding-bottom: 16px !important; }
   .p-md-6 {
-    padding: 3rem 3rem !important; }
+    padding: 48px 48px !important; }
   .pt-md-6 {
-    padding-top: 3rem !important; }
+    padding-top: 48px !important; }
   .pr-md-6 {
-    padding-right: 3rem !important; }
+    padding-right: 48px !important; }
   .pb-md-6 {
-    padding-bottom: 3rem !important; }
+    padding-bottom: 48px !important; }
   .pl-md-6 {
-    padding-left: 3rem !important; }
+    padding-left: 48px !important; }
   .px-md-6 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important; }
+    padding-right: 48px !important;
+    padding-left: 48px !important; }
   .py-md-6 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important; }
+    padding-top: 48px !important;
+    padding-bottom: 48px !important; }
   .m-md-auto {
     margin: auto !important; }
   .mt-md-auto {
@@ -5511,101 +5511,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     margin-top: 0 !important;
     margin-bottom: 0 !important; }
   .m-lg-1 {
-    margin: 0.125rem 0.125rem !important; }
+    margin: 2px 2px !important; }
   .mt-lg-1 {
-    margin-top: 0.125rem !important; }
+    margin-top: 2px !important; }
   .mr-lg-1 {
-    margin-right: 0.125rem !important; }
+    margin-right: 2px !important; }
   .mb-lg-1 {
-    margin-bottom: 0.125rem !important; }
+    margin-bottom: 2px !important; }
   .ml-lg-1 {
-    margin-left: 0.125rem !important; }
+    margin-left: 2px !important; }
   .mx-lg-1 {
-    margin-right: 0.125rem !important;
-    margin-left: 0.125rem !important; }
+    margin-right: 2px !important;
+    margin-left: 2px !important; }
   .my-lg-1 {
-    margin-top: 0.125rem !important;
-    margin-bottom: 0.125rem !important; }
+    margin-top: 2px !important;
+    margin-bottom: 2px !important; }
   .m-lg-2 {
-    margin: 0.25rem 0.25rem !important; }
+    margin: 4px 4px !important; }
   .mt-lg-2 {
-    margin-top: 0.25rem !important; }
+    margin-top: 4px !important; }
   .mr-lg-2 {
-    margin-right: 0.25rem !important; }
+    margin-right: 4px !important; }
   .mb-lg-2 {
-    margin-bottom: 0.25rem !important; }
+    margin-bottom: 4px !important; }
   .ml-lg-2 {
-    margin-left: 0.25rem !important; }
+    margin-left: 4px !important; }
   .mx-lg-2 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important; }
+    margin-right: 4px !important;
+    margin-left: 4px !important; }
   .my-lg-2 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important; }
+    margin-top: 4px !important;
+    margin-bottom: 4px !important; }
   .m-lg-3 {
-    margin: 0.5rem 0.5rem !important; }
+    margin: 8px 8px !important; }
   .mt-lg-3 {
-    margin-top: 0.5rem !important; }
+    margin-top: 8px !important; }
   .mr-lg-3 {
-    margin-right: 0.5rem !important; }
+    margin-right: 8px !important; }
   .mb-lg-3 {
-    margin-bottom: 0.5rem !important; }
+    margin-bottom: 8px !important; }
   .ml-lg-3 {
-    margin-left: 0.5rem !important; }
+    margin-left: 8px !important; }
   .mx-lg-3 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important; }
+    margin-right: 8px !important;
+    margin-left: 8px !important; }
   .my-lg-3 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important; }
+    margin-top: 8px !important;
+    margin-bottom: 8px !important; }
   .m-lg-4 {
-    margin: 0.75rem 0.75rem !important; }
+    margin: 12px 12px !important; }
   .mt-lg-4 {
-    margin-top: 0.75rem !important; }
+    margin-top: 12px !important; }
   .mr-lg-4 {
-    margin-right: 0.75rem !important; }
+    margin-right: 12px !important; }
   .mb-lg-4 {
-    margin-bottom: 0.75rem !important; }
+    margin-bottom: 12px !important; }
   .ml-lg-4 {
-    margin-left: 0.75rem !important; }
+    margin-left: 12px !important; }
   .mx-lg-4 {
-    margin-right: 0.75rem !important;
-    margin-left: 0.75rem !important; }
+    margin-right: 12px !important;
+    margin-left: 12px !important; }
   .my-lg-4 {
-    margin-top: 0.75rem !important;
-    margin-bottom: 0.75rem !important; }
+    margin-top: 12px !important;
+    margin-bottom: 12px !important; }
   .m-lg-5 {
-    margin: 1rem 1rem !important; }
+    margin: 16px 16px !important; }
   .mt-lg-5 {
-    margin-top: 1rem !important; }
+    margin-top: 16px !important; }
   .mr-lg-5 {
-    margin-right: 1rem !important; }
+    margin-right: 16px !important; }
   .mb-lg-5 {
-    margin-bottom: 1rem !important; }
+    margin-bottom: 16px !important; }
   .ml-lg-5 {
-    margin-left: 1rem !important; }
+    margin-left: 16px !important; }
   .mx-lg-5 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important; }
+    margin-right: 16px !important;
+    margin-left: 16px !important; }
   .my-lg-5 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important; }
+    margin-top: 16px !important;
+    margin-bottom: 16px !important; }
   .m-lg-6 {
-    margin: 3rem 3rem !important; }
+    margin: 48px 48px !important; }
   .mt-lg-6 {
-    margin-top: 3rem !important; }
+    margin-top: 48px !important; }
   .mr-lg-6 {
-    margin-right: 3rem !important; }
+    margin-right: 48px !important; }
   .mb-lg-6 {
-    margin-bottom: 3rem !important; }
+    margin-bottom: 48px !important; }
   .ml-lg-6 {
-    margin-left: 3rem !important; }
+    margin-left: 48px !important; }
   .mx-lg-6 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important; }
+    margin-right: 48px !important;
+    margin-left: 48px !important; }
   .my-lg-6 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important; }
+    margin-top: 48px !important;
+    margin-bottom: 48px !important; }
   .p-lg-0 {
     padding: 0 0 !important; }
   .pt-lg-0 {
@@ -5623,101 +5623,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     padding-top: 0 !important;
     padding-bottom: 0 !important; }
   .p-lg-1 {
-    padding: 0.125rem 0.125rem !important; }
+    padding: 2px 2px !important; }
   .pt-lg-1 {
-    padding-top: 0.125rem !important; }
+    padding-top: 2px !important; }
   .pr-lg-1 {
-    padding-right: 0.125rem !important; }
+    padding-right: 2px !important; }
   .pb-lg-1 {
-    padding-bottom: 0.125rem !important; }
+    padding-bottom: 2px !important; }
   .pl-lg-1 {
-    padding-left: 0.125rem !important; }
+    padding-left: 2px !important; }
   .px-lg-1 {
-    padding-right: 0.125rem !important;
-    padding-left: 0.125rem !important; }
+    padding-right: 2px !important;
+    padding-left: 2px !important; }
   .py-lg-1 {
-    padding-top: 0.125rem !important;
-    padding-bottom: 0.125rem !important; }
+    padding-top: 2px !important;
+    padding-bottom: 2px !important; }
   .p-lg-2 {
-    padding: 0.25rem 0.25rem !important; }
+    padding: 4px 4px !important; }
   .pt-lg-2 {
-    padding-top: 0.25rem !important; }
+    padding-top: 4px !important; }
   .pr-lg-2 {
-    padding-right: 0.25rem !important; }
+    padding-right: 4px !important; }
   .pb-lg-2 {
-    padding-bottom: 0.25rem !important; }
+    padding-bottom: 4px !important; }
   .pl-lg-2 {
-    padding-left: 0.25rem !important; }
+    padding-left: 4px !important; }
   .px-lg-2 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important; }
+    padding-right: 4px !important;
+    padding-left: 4px !important; }
   .py-lg-2 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important; }
+    padding-top: 4px !important;
+    padding-bottom: 4px !important; }
   .p-lg-3 {
-    padding: 0.5rem 0.5rem !important; }
+    padding: 8px 8px !important; }
   .pt-lg-3 {
-    padding-top: 0.5rem !important; }
+    padding-top: 8px !important; }
   .pr-lg-3 {
-    padding-right: 0.5rem !important; }
+    padding-right: 8px !important; }
   .pb-lg-3 {
-    padding-bottom: 0.5rem !important; }
+    padding-bottom: 8px !important; }
   .pl-lg-3 {
-    padding-left: 0.5rem !important; }
+    padding-left: 8px !important; }
   .px-lg-3 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important; }
+    padding-right: 8px !important;
+    padding-left: 8px !important; }
   .py-lg-3 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important; }
+    padding-top: 8px !important;
+    padding-bottom: 8px !important; }
   .p-lg-4 {
-    padding: 0.75rem 0.75rem !important; }
+    padding: 12px 12px !important; }
   .pt-lg-4 {
-    padding-top: 0.75rem !important; }
+    padding-top: 12px !important; }
   .pr-lg-4 {
-    padding-right: 0.75rem !important; }
+    padding-right: 12px !important; }
   .pb-lg-4 {
-    padding-bottom: 0.75rem !important; }
+    padding-bottom: 12px !important; }
   .pl-lg-4 {
-    padding-left: 0.75rem !important; }
+    padding-left: 12px !important; }
   .px-lg-4 {
-    padding-right: 0.75rem !important;
-    padding-left: 0.75rem !important; }
+    padding-right: 12px !important;
+    padding-left: 12px !important; }
   .py-lg-4 {
-    padding-top: 0.75rem !important;
-    padding-bottom: 0.75rem !important; }
+    padding-top: 12px !important;
+    padding-bottom: 12px !important; }
   .p-lg-5 {
-    padding: 1rem 1rem !important; }
+    padding: 16px 16px !important; }
   .pt-lg-5 {
-    padding-top: 1rem !important; }
+    padding-top: 16px !important; }
   .pr-lg-5 {
-    padding-right: 1rem !important; }
+    padding-right: 16px !important; }
   .pb-lg-5 {
-    padding-bottom: 1rem !important; }
+    padding-bottom: 16px !important; }
   .pl-lg-5 {
-    padding-left: 1rem !important; }
+    padding-left: 16px !important; }
   .px-lg-5 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important; }
+    padding-right: 16px !important;
+    padding-left: 16px !important; }
   .py-lg-5 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important; }
+    padding-top: 16px !important;
+    padding-bottom: 16px !important; }
   .p-lg-6 {
-    padding: 3rem 3rem !important; }
+    padding: 48px 48px !important; }
   .pt-lg-6 {
-    padding-top: 3rem !important; }
+    padding-top: 48px !important; }
   .pr-lg-6 {
-    padding-right: 3rem !important; }
+    padding-right: 48px !important; }
   .pb-lg-6 {
-    padding-bottom: 3rem !important; }
+    padding-bottom: 48px !important; }
   .pl-lg-6 {
-    padding-left: 3rem !important; }
+    padding-left: 48px !important; }
   .px-lg-6 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important; }
+    padding-right: 48px !important;
+    padding-left: 48px !important; }
   .py-lg-6 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important; }
+    padding-top: 48px !important;
+    padding-bottom: 48px !important; }
   .m-lg-auto {
     margin: auto !important; }
   .mt-lg-auto {
@@ -5753,101 +5753,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     margin-top: 0 !important;
     margin-bottom: 0 !important; }
   .m-xl-1 {
-    margin: 0.125rem 0.125rem !important; }
+    margin: 2px 2px !important; }
   .mt-xl-1 {
-    margin-top: 0.125rem !important; }
+    margin-top: 2px !important; }
   .mr-xl-1 {
-    margin-right: 0.125rem !important; }
+    margin-right: 2px !important; }
   .mb-xl-1 {
-    margin-bottom: 0.125rem !important; }
+    margin-bottom: 2px !important; }
   .ml-xl-1 {
-    margin-left: 0.125rem !important; }
+    margin-left: 2px !important; }
   .mx-xl-1 {
-    margin-right: 0.125rem !important;
-    margin-left: 0.125rem !important; }
+    margin-right: 2px !important;
+    margin-left: 2px !important; }
   .my-xl-1 {
-    margin-top: 0.125rem !important;
-    margin-bottom: 0.125rem !important; }
+    margin-top: 2px !important;
+    margin-bottom: 2px !important; }
   .m-xl-2 {
-    margin: 0.25rem 0.25rem !important; }
+    margin: 4px 4px !important; }
   .mt-xl-2 {
-    margin-top: 0.25rem !important; }
+    margin-top: 4px !important; }
   .mr-xl-2 {
-    margin-right: 0.25rem !important; }
+    margin-right: 4px !important; }
   .mb-xl-2 {
-    margin-bottom: 0.25rem !important; }
+    margin-bottom: 4px !important; }
   .ml-xl-2 {
-    margin-left: 0.25rem !important; }
+    margin-left: 4px !important; }
   .mx-xl-2 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important; }
+    margin-right: 4px !important;
+    margin-left: 4px !important; }
   .my-xl-2 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important; }
+    margin-top: 4px !important;
+    margin-bottom: 4px !important; }
   .m-xl-3 {
-    margin: 0.5rem 0.5rem !important; }
+    margin: 8px 8px !important; }
   .mt-xl-3 {
-    margin-top: 0.5rem !important; }
+    margin-top: 8px !important; }
   .mr-xl-3 {
-    margin-right: 0.5rem !important; }
+    margin-right: 8px !important; }
   .mb-xl-3 {
-    margin-bottom: 0.5rem !important; }
+    margin-bottom: 8px !important; }
   .ml-xl-3 {
-    margin-left: 0.5rem !important; }
+    margin-left: 8px !important; }
   .mx-xl-3 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important; }
+    margin-right: 8px !important;
+    margin-left: 8px !important; }
   .my-xl-3 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important; }
+    margin-top: 8px !important;
+    margin-bottom: 8px !important; }
   .m-xl-4 {
-    margin: 0.75rem 0.75rem !important; }
+    margin: 12px 12px !important; }
   .mt-xl-4 {
-    margin-top: 0.75rem !important; }
+    margin-top: 12px !important; }
   .mr-xl-4 {
-    margin-right: 0.75rem !important; }
+    margin-right: 12px !important; }
   .mb-xl-4 {
-    margin-bottom: 0.75rem !important; }
+    margin-bottom: 12px !important; }
   .ml-xl-4 {
-    margin-left: 0.75rem !important; }
+    margin-left: 12px !important; }
   .mx-xl-4 {
-    margin-right: 0.75rem !important;
-    margin-left: 0.75rem !important; }
+    margin-right: 12px !important;
+    margin-left: 12px !important; }
   .my-xl-4 {
-    margin-top: 0.75rem !important;
-    margin-bottom: 0.75rem !important; }
+    margin-top: 12px !important;
+    margin-bottom: 12px !important; }
   .m-xl-5 {
-    margin: 1rem 1rem !important; }
+    margin: 16px 16px !important; }
   .mt-xl-5 {
-    margin-top: 1rem !important; }
+    margin-top: 16px !important; }
   .mr-xl-5 {
-    margin-right: 1rem !important; }
+    margin-right: 16px !important; }
   .mb-xl-5 {
-    margin-bottom: 1rem !important; }
+    margin-bottom: 16px !important; }
   .ml-xl-5 {
-    margin-left: 1rem !important; }
+    margin-left: 16px !important; }
   .mx-xl-5 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important; }
+    margin-right: 16px !important;
+    margin-left: 16px !important; }
   .my-xl-5 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important; }
+    margin-top: 16px !important;
+    margin-bottom: 16px !important; }
   .m-xl-6 {
-    margin: 3rem 3rem !important; }
+    margin: 48px 48px !important; }
   .mt-xl-6 {
-    margin-top: 3rem !important; }
+    margin-top: 48px !important; }
   .mr-xl-6 {
-    margin-right: 3rem !important; }
+    margin-right: 48px !important; }
   .mb-xl-6 {
-    margin-bottom: 3rem !important; }
+    margin-bottom: 48px !important; }
   .ml-xl-6 {
-    margin-left: 3rem !important; }
+    margin-left: 48px !important; }
   .mx-xl-6 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important; }
+    margin-right: 48px !important;
+    margin-left: 48px !important; }
   .my-xl-6 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important; }
+    margin-top: 48px !important;
+    margin-bottom: 48px !important; }
   .p-xl-0 {
     padding: 0 0 !important; }
   .pt-xl-0 {
@@ -5865,101 +5865,101 @@ a.bg-inverse:focus, a.bg-inverse:hover {
     padding-top: 0 !important;
     padding-bottom: 0 !important; }
   .p-xl-1 {
-    padding: 0.125rem 0.125rem !important; }
+    padding: 2px 2px !important; }
   .pt-xl-1 {
-    padding-top: 0.125rem !important; }
+    padding-top: 2px !important; }
   .pr-xl-1 {
-    padding-right: 0.125rem !important; }
+    padding-right: 2px !important; }
   .pb-xl-1 {
-    padding-bottom: 0.125rem !important; }
+    padding-bottom: 2px !important; }
   .pl-xl-1 {
-    padding-left: 0.125rem !important; }
+    padding-left: 2px !important; }
   .px-xl-1 {
-    padding-right: 0.125rem !important;
-    padding-left: 0.125rem !important; }
+    padding-right: 2px !important;
+    padding-left: 2px !important; }
   .py-xl-1 {
-    padding-top: 0.125rem !important;
-    padding-bottom: 0.125rem !important; }
+    padding-top: 2px !important;
+    padding-bottom: 2px !important; }
   .p-xl-2 {
-    padding: 0.25rem 0.25rem !important; }
+    padding: 4px 4px !important; }
   .pt-xl-2 {
-    padding-top: 0.25rem !important; }
+    padding-top: 4px !important; }
   .pr-xl-2 {
-    padding-right: 0.25rem !important; }
+    padding-right: 4px !important; }
   .pb-xl-2 {
-    padding-bottom: 0.25rem !important; }
+    padding-bottom: 4px !important; }
   .pl-xl-2 {
-    padding-left: 0.25rem !important; }
+    padding-left: 4px !important; }
   .px-xl-2 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important; }
+    padding-right: 4px !important;
+    padding-left: 4px !important; }
   .py-xl-2 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important; }
+    padding-top: 4px !important;
+    padding-bottom: 4px !important; }
   .p-xl-3 {
-    padding: 0.5rem 0.5rem !important; }
+    padding: 8px 8px !important; }
   .pt-xl-3 {
-    padding-top: 0.5rem !important; }
+    padding-top: 8px !important; }
   .pr-xl-3 {
-    padding-right: 0.5rem !important; }
+    padding-right: 8px !important; }
   .pb-xl-3 {
-    padding-bottom: 0.5rem !important; }
+    padding-bottom: 8px !important; }
   .pl-xl-3 {
-    padding-left: 0.5rem !important; }
+    padding-left: 8px !important; }
   .px-xl-3 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important; }
+    padding-right: 8px !important;
+    padding-left: 8px !important; }
   .py-xl-3 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important; }
+    padding-top: 8px !important;
+    padding-bottom: 8px !important; }
   .p-xl-4 {
-    padding: 0.75rem 0.75rem !important; }
+    padding: 12px 12px !important; }
   .pt-xl-4 {
-    padding-top: 0.75rem !important; }
+    padding-top: 12px !important; }
   .pr-xl-4 {
-    padding-right: 0.75rem !important; }
+    padding-right: 12px !important; }
   .pb-xl-4 {
-    padding-bottom: 0.75rem !important; }
+    padding-bottom: 12px !important; }
   .pl-xl-4 {
-    padding-left: 0.75rem !important; }
+    padding-left: 12px !important; }
   .px-xl-4 {
-    padding-right: 0.75rem !important;
-    padding-left: 0.75rem !important; }
+    padding-right: 12px !important;
+    padding-left: 12px !important; }
   .py-xl-4 {
-    padding-top: 0.75rem !important;
-    padding-bottom: 0.75rem !important; }
+    padding-top: 12px !important;
+    padding-bottom: 12px !important; }
   .p-xl-5 {
-    padding: 1rem 1rem !important; }
+    padding: 16px 16px !important; }
   .pt-xl-5 {
-    padding-top: 1rem !important; }
+    padding-top: 16px !important; }
   .pr-xl-5 {
-    padding-right: 1rem !important; }
+    padding-right: 16px !important; }
   .pb-xl-5 {
-    padding-bottom: 1rem !important; }
+    padding-bottom: 16px !important; }
   .pl-xl-5 {
-    padding-left: 1rem !important; }
+    padding-left: 16px !important; }
   .px-xl-5 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important; }
+    padding-right: 16px !important;
+    padding-left: 16px !important; }
   .py-xl-5 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important; }
+    padding-top: 16px !important;
+    padding-bottom: 16px !important; }
   .p-xl-6 {
-    padding: 3rem 3rem !important; }
+    padding: 48px 48px !important; }
   .pt-xl-6 {
-    padding-top: 3rem !important; }
+    padding-top: 48px !important; }
   .pr-xl-6 {
-    padding-right: 3rem !important; }
+    padding-right: 48px !important; }
   .pb-xl-6 {
-    padding-bottom: 3rem !important; }
+    padding-bottom: 48px !important; }
   .pl-xl-6 {
-    padding-left: 3rem !important; }
+    padding-left: 48px !important; }
   .px-xl-6 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important; }
+    padding-right: 48px !important;
+    padding-left: 48px !important; }
   .py-xl-6 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important; }
+    padding-top: 48px !important;
+    padding-bottom: 48px !important; }
   .m-xl-auto {
     margin: auto !important; }
   .mt-xl-auto {
@@ -6039,7 +6039,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   text-transform: capitalize !important; }
 
 .font-weight-normal {
-  font-weight: 300; }
+  font-weight: 400; }
 
 .font-weight-bold {
   font-weight: 500; }

diff --git a/static/scss/bootstrap-4.0.0-alpha.6/scss/_custom.scss b/static/scss/bootstrap-4.0.0-alpha.6/scss/_custom.scss
index 6d50852b728d6d8ecd0fd5ee771c4611db570dc0..b2b8c90fdaef30658f529d5b43afdf757a415188 100755 (executable)
--- a/static/scss/bootstrap-4.0.0-alpha.6/scss/_custom.scss
+++ b/static/scss/bootstrap-4.0.0-alpha.6/scss/_custom.scss
@@ -29,8 +29,7 @@ $brand-danger:              $red !default;
 $brand-inverse:             $gray-dark !default;
 
 // Spacing
-
-$spacer:   0.5rem;
+$spacer:   8px;
 $spacer-x: $spacer;
 $spacer-y: $spacer;
 $spacers: (
@@ -69,20 +68,31 @@ $border-width: 2px;
 // Body
 //
 // Settings for the `<body>` element.
-
 $body-bg:       $blue_grey_50;
 $body-color:    $blue_grey_900;
 $inverse-bg:    $gray-dark !default;
 $inverse-color: $gray-lighter !default;
 
 // Links
-
 $link-color:            $red_900;
 $link-hover-color:      darken($link-color, 15%);
 $link-hover-decoration: none;
 
-// Grid
+// Grid breakpoints
+//
+// Define the minimum dimensions at which your layout will change,
+// adapting to different screen sizes, for use in media queries.
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px
+) !default;
+@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
+@include _assert-starts-at-zero($grid-breakpoints);
 
+// Grid
 $grid-columns:               12 !default;
 $grid-gutter-width-base:     24px;
 $grid-gutter-widths: (
@@ -94,41 +104,39 @@ $grid-gutter-widths: (
 );
 
 // Fonts
-
 @import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500');
 $font-family-sans-serif: 'Ubuntu', sans-serif;
 $font-family-base:       $font-family-sans-serif;
 
-$font-size-lg:   1.25rem;
+$font-size-lg:   20px;
 
 $font-weight-normal: 400;
 $font-weight-bold: 500;
 
 $font-weight-base: $font-weight-normal;
 
-$font-size-h1: 2.25rem;
-$font-size-h2: 2rem;
-$font-size-h3: 1.5rem;
-$font-size-h4: 1.25rem;
-$font-size-h5: 1rem;
-$font-size-h6: 0.75rem;
+$font-size-h1: 36px;
+$font-size-h2: 32px;
+$font-size-h3: 24px;
+$font-size-h4: 20px;
+$font-size-h5: 16px;
+$font-size-h6: 12px;
 
 $headings-font-weight:   400;
 
-$display1-size: 7.5rem;
-$display2-size: 3rem;
-$display3-size: 2.25rem;
-$display4-size: 1.5rem;
+$display1-size: 120px;
+$display2-size: 48px;
+$display3-size: 32px;
+$display4-size: 24px;
 
-$lead-font-size:   1.5rem;
+$lead-font-size:   24px;
 
-$small-font-size: .875rem;
+$small-font-size: 14px;
 
 
 // Buttons
-
-$btn-padding-x:                  1rem;
-$btn-padding-y:                  .5rem !default;
+$btn-padding-x:                  16px;
+$btn-padding-y:                  8px;
 $btn-line-height:                .95;
 $btn-font-weight:                600;
 $btn-box-shadow:                 none;
@@ -172,30 +180,28 @@ $btn-bluegrey900-border:           $btn-bluegrey900-bg;
 
 $btn-link-disabled-color:        $gray-light !default;
 
-$btn-padding-x-sm:               .5rem !default;
-$btn-padding-y-sm:               .25rem !default;
+$btn-padding-x-sm:               8px;
+$btn-padding-y-sm:               4px;
 
-$btn-padding-x-lg:               2rem;
-$btn-padding-y-lg:               .75rem !default;
+$btn-padding-x-lg:               32px;
+$btn-padding-y-lg:               12px;
 
-$btn-block-spacing-y:            .5rem !default;
-$btn-toolbar-margin:             .5rem !default;
+$btn-block-spacing-y:            8px;
+$btn-toolbar-margin:             8px;
 
 // Allows for customizing button radius independently from global border radius
-$btn-border-radius-lg:           .125rem;
+$btn-border-radius-lg:           2px;
 
 
 $input-btn-border-width:         $border-width;
 
 // Navs
-
-$nav-item-margin:               1.5rem;
-$nav-item-inline-spacer:        1rem !default;
-$nav-link-padding:              .5em 1.5em;
+$nav-item-margin:               24px;
+$nav-item-inline-spacer:        16px;
+$nav-link-padding:              8px 24px;
 $nav-link-hover-bg:             $gray-lighter !default;
 $nav-disabled-link-color:       $gray-light !default;
 
 // Navbar
-
 $navbar-padding-x:                  $spacer;
 $navbar-padding-y:                  $spacer;

diff --git a/static/scss/style.scss b/static/scss/style.scss
index 18621ad448460d7d4d222a6882270e7aa886a9aa..8446394e10850ad74b28c10e4ea5c73eb0c83c23 100644 (file)
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -53,12 +53,18 @@
 // Utility classes
 @import "bootstrap-4.0.0-alpha.6/scss/utilities";
 
+.container {
+       width: 100%;
+       max-width: 1200px;
+}
+
 // Custom stuff
 @import '_fonts';
 @import '_nav';
 @import '_buttons';
 
 
+
 // Colors
 .amber-800 {
        color: $amber-800;
@@ -146,7 +152,9 @@ section.intro {
                        font-weight: 300 !important;
                        color: $blue-grey-900;
                        @include media-breakpoint-down(xs) {
-                               font-size: 4.5rem;
+                               font-size: 72px;
+                               line-height: 88px;
+                               margin-bottom: 0;
                        }
                        strong {
                                font-weight: 700 !important;
@@ -171,22 +179,25 @@ section.intro {
                        }
                }
        }
-       .page-scroll {
-               position: absolute;
-               bottom: 48px;
-               left: 50%;
-               transform: translateX(-50%);
-               .btn {
-                       width: 36px;
-                       height: 36px;
-                       fill: $red_900;
-                       @include media-breakpoint-up(sm) {
-                               width: 64px;
-                               height: 64px;
-                       }
-                       &:hover .i_arrow_down {
-                               fill: white;
-                       }
+}
+
+.page-scroll {
+       display: block;
+       visibility: visible;
+       position: absolute;
+       bottom: 48px;
+       left: 50%;
+       transform: translateX(-50%);
+       .btn {
+               width: 36px;
+               height: 36px;
+               fill: $red_900;
+               @include media-breakpoint-up(sm) {
+                       width: 64px;
+                       height: 64px;
+               }
+               &:hover .i_arrow_down {
+                       fill: white;
                }
        }
 }
@@ -237,12 +248,11 @@ section#fireinfo {
 
 .circle {
        position: relative;
-       p.lead {
+       p.fireinfo_per {
                color: $blue-grey-600;
                position: absolute;
-               top: calc(50% - 1.25rem);
+               top: calc(50% - 20px);
                width: 100%;
-               font-size: 1.25em;
        }
 }
 
@@ -258,10 +268,12 @@ footer {
        h4 {
                margin-bottom: 1.25rem;
                color: rgba($blue-grey-900, .6);
+               font-size: 20px;
+               line-height: 28px;
        }
        ul {
                li {
-                       font-size: $small-font-size;
+                       font-size: 14px;
                        margin-bottom: .75rem;
                        a {
                                color: rgba($blue-grey-900, .6);
@@ -287,6 +299,10 @@ footer {
 #copyright {
        background-color: rgba($blue-grey-900, .06);
        padding: 1rem 0;
+       p {
+               font-size: 12px;
+               line-height: 16px;
+       }
 }
 
 // Animation

diff --git a/templates/base.html b/templates/base.html
index a61c9cf72ff91e2fdafed5fe366ad22543a74152..97d7f915051f7b9f6385bb73e5eac0b1968f89c6 100644 (file)
--- a/templates/base.html
+++ b/templates/base.html
@@ -74,7 +74,7 @@
                        <footer class="footer">
                                <div class="container pb-3">
                                        <div class="row mb-6">
-                                               <div class="col-6 col-sm-5 col-md-3 col-lg-2 mb-5">
+                                               <div class="col-6 col-sm-5 offset-sm-2 col-md-3 offset-md-0 col-lg-2 mb-5">
                                                        <h4>{{ _("About") }}</h4>
 
                                                        <ul class="list-unstyled">
@@ -106,7 +106,7 @@
                                                        </ul>
                                                </div>
 
-                                               <div class="col-6 col-sm-5 col-md-3 col-lg-2 mb-5">
+                                               <div class="col-6 col-sm-5 offset-sm-2 col-md-3 offset-md-0 col-lg-2 mb-5">
                                                        <h4>{{ _("Community") }}</h4>
 
                                                        <ul class="list-unstyled">
@@ -144,7 +144,7 @@
                                                        </ul>
                                                </div>
 
-                                               <div class="col-sm-8 col-md-12 col-lg-4 pt-md-6 pt-lg-1 text-center">
+                                               <div class="col-sm-8 offset-sm-2 col-md-12 offset-md-0 col-lg-4 pt-md-6 pt-lg-1 text-center">
                                                        <a class="btn btn-primary btn-lg" href="//www.ipfire.org/donate">
                                                                <svg class="icon i_heart"><use xlink:href="#heart"/></svg>
                                                                {{ _("Donate") }}
@@ -152,7 +152,7 @@
 
                                                        <div class="btn-toolbar justify-content-around col-md-6 offset-md-3">
                                                                <a class="btn btn-sm" href="http://www.ipfire.org/news.rss">
-                                                                       <svg class="icon i_rss"><use xlink:href="#rss""/></svg>
+                                                                       <svg class="icon i_rss"><use xlink:href="#rss"/></svg>
                                                                </a>
                                                                <a class="btn btn-sm" href="https://twitter.com/ipfire">
                                                                        <svg class="icon i_twitter"><use xlink:href="#twitter"/></svg>
@@ -186,7 +186,7 @@
                                                        </p>
                                                {% end %}
        
-                                               <p><small>&copy; {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}</small></p>
+                                               <p>&copy; {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}</p>
                                        </div>
                                </div>
                        </footer>

diff --git a/templates/index.html b/templates/index.html
index 2deedf9fa0e2cdbe745c89a75111ab78011f93f5..36a0f1ee360ff1c522720edcd572ac7d238781a5 100644 (file)
--- a/templates/index.html
+++ b/templates/index.html
@@ -208,12 +208,11 @@
        
        <section id="wishlist" class="content-section">
                <div class="container">
-                       
                        <h2 class="display-2 text-center text-white">IP<strong>Fire</strong>&rsquo;s Wishlist</h2>
                        
                                {% if hottest_wish %}
                                        <div class="d-flex flex-row justify-content-between align-items-baseline">
-                                               <h3 class="text-white">{{ hottest_wish.title }}</h3>
+                                               <h5 class="text-white">{{ hottest_wish.title }}</h5>
                
                                                {% if hottest_wish.is_new() %}
                                                        <span class="label label-success pull-right">{{ _("NEW") }}</span>
@@ -222,7 +221,7 @@
                                                                {{ _("one day left", "%(num)s days left", hottest_wish.remaining_days) % { "num" : hottest_wish.remaining_days } }}
                                                        </span>
                                                {% else %}
-                                                       <span class="amber-800 hidden-xs-down">
+                                                       <span class="h5 amber-800 hidden-xs-down">
                                                                {{ _("%d%% funded") % hottest_wish.percentage }}
                                                        </span>
                                                {% end %}
@@ -234,7 +233,7 @@
                                                </div>
                                        </div>
                                        
-                                       <p class="text-white"><a style="color: white; text-decoration: underline;" href="http://wishlist.ipfire.org/wish/{{ hottest_wish.slug }}">Read more</a> about that wish.</p>
+                                       <p class="text-white small"><a style="color: white; text-decoration: underline;" href="http://wishlist.ipfire.org/wish/{{ hottest_wish.slug }}">Read more</a> about that wish.</p>
                                        
                                {% end %}
                        
@@ -247,10 +246,10 @@
                        
                        <div class="row mb-6 mb-md-5 pb-lg-5 mb-lg-6">
                                <div class="col-6 col-md-3 mb-6 text-center">
-                                       <p class="mb-0 mb-sm-3"><small>Latest Release</small></p>
-                                       <h4 class="pb-5">2.19 Core 109</h4>
+                                       <p class="mb-0 mb-sm-3 fireinfo_cat">Latest Release</p>
+                                       <h5 class="pb-5 fireinfo">2.19 Core 109</h5>
                                        <div class="r_circle circle mt-5">
-                                               <p class="lead">48%</p>
+                                               <p class="fireinfo_per">48%</p>
                                        </div>
                                        <script>
                                                $('.r_circle').circleProgress({ value: 0.48, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#1976d2"] } });
@@ -258,10 +257,10 @@
                                </div>
                                
                                <div class="col-6 col-md-3 mb-6 text-center">
-                                       <p class="mb-0 mb-sm-3"><small>Favorite Kernel</small></p>
-                                       <h4 class="pb-5 truncate">3.14.79-ipfire-pae</h4>
+                                       <p class="mb-0 mb-sm-3 fireinfo_cat">Favorite Kernel</p>
+                                       <h5 class="pb-5 fireinfo truncate">3.14.79-ipfire-pae</h5>
                                        <div class="f_circle circle mt-5">
-                                               <p class="lead">36%</p>
+                                               <p class="fireinfo_per">36%</p>
                                        </div>
                                        <script>
                                                $('.f_circle').circleProgress({ value: 0.36, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#00bcd4"] } });
@@ -269,10 +268,10 @@
                                </div>
                                
                                <div class="col-6 col-md-3 text-center">
-                                       <p class="mb-0 mb-sm-3"><small>Favorite CPU</small></p>
-                                       <h4 class="pb-5">Intel</h4>
+                                       <p class="mb-0 mb-sm-3 fireinfo_cat">Favorite CPU</p>
+                                       <h5 class="pb-5 fireinfo">Intel</h5>
                                        <div class="c_circle circle mt-5">
-                                               <p class="lead">71%</p>
+                                               <p class="fireinfo_per">71%</p>
                                        </div>
                                        <script>
                                                $('.c_circle').circleProgress({ value: 0.71, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#43a047"] } });
@@ -280,10 +279,10 @@
                                </div>
                                
                                <div class="col-6 col-md-3 text-center">
-                                       <p class="mb-0 mb-sm-3 truncate"><small>Favorite Virtualisation</small></p>
-                                       <h4 class="pb-5">VMWare</h4>
+                                       <p class="mb-0 mb-sm-3 fireinfo_cat truncate">Favorite Virtualisation</p>
+                                       <h5 class="pb-5 fireinfo">VMWare</h5>
                                        <div class="v_circle circle mt-5">
-                                               <p class="lead">46%</p>
+                                               <p class="fireinfo_per">46%</p>
                                        </div>
                                        <script>
                                                $('.v_circle').circleProgress({ value: 0.46, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#ff8f00"] } });
@@ -301,8 +300,8 @@
                <div class="container">
                        <h2 class="display-2 text-center">{{ _("Professional Appliances & Services") }}</h2>
                        
-                       <div class="row mb-lg-6 mb-md-4 pb-6">
-                               <div class="col-md-12 col-lg-7 mb-5 mb-md-6">
+                       <div class="row mb-lg-6 mb-md-4 pb-6 pb-lg-4">
+                               <div class="col-md-12 col-lg-7 mb-5 mb-md-6 mb-lg-0">
                                        <p class="lead">
                                                {% if lang == "de" %}
                                                        <a href="http://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> bietet

diff --git a/templates/modules/menu.html b/templates/modules/menu.html
index b2b6ffe1a6c1dd89a0d6fd17b4de3f662862afd7..7ae180f5e3f729544a4026ad89b4738ddee68e08 100644 (file)
--- a/templates/modules/menu.html
+++ b/templates/modules/menu.html
@@ -1,3 +1,9 @@
+<div class="hidden-xl-up">
+       <div class="tux">
+               <h1>IP<strong>Fire</strong></h1>
+       </div>
+</div>
+
 <ul class="navbar-nav justify-content-lg-end">
        {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
                <li class="nav-item hidden-lg-up">