postboot - npm Package Compare versions

Comparing version 1.0.0-rc4 to 1.0.0

src/scss/_custom-form.scss

+// Switch reverse
+.custom-switch-reverse {
+  .custom-control-label {
+    &::after {
+      left: calc(#{-($custom-control-gutter + $custom-control-indicator-size)} + #{$custom-control-indicator-border-width * 2});
+    }
+  }
+
+  .custom-control-input:checked ~ .custom-control-label {
+    &::after {
+      transform: translateX(-($custom-switch-width - $custom-control-indicator-size));
+    }
+  }
+}

dist/css/postboot-grid.css

 /*!
- * PostBoot v1.0.0-rc4 (https://tarkhov.github.io/postboot/)
- * Copyright 2016-2019 Alexander Tarkhov
+ * PostBoot v1.0.0 (https://tarkhov.github.io/postboot/)
+ * Copyright 2016-2020 Alexander Tarkhov
  * Licensed under MIT
  */
 
-@media (min-width: 768px) {
-  .container-md {
-    max-width: 720px; } }
-@media (min-width: 992px) {
-  .container-md {
-    max-width: 960px; } }
-@media (min-width: 1200px) {
-  .container-md {
-    max-width: 1140px; } }
+.container-xxl {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto; }
 
-@media (min-width: 992px) {
-  .container-lg {
-    max-width: 960px; } }
-@media (min-width: 1200px) {
-  .container-lg {
-    max-width: 1140px; } }
-
-@media (min-width: 1200px) {
-  .container-xl {
-    max-width: 1140px; } }
-
+@media (min-width: 1600px) {
+  .container-xxl {
+    max-width: 1570px; } }
 @media (min-width: 576px) {
@@ -67,3 +56,31 @@ .container-1 {
 
+@media (min-width: 576px) {
+  .container-4 {
+    max-width: 540px; } }
 @media (min-width: 768px) {
+  .container-4 {
+    max-width: 720px; } }
+@media (min-width: 992px) {
+  .container-4 {
+    max-width: 960px; } }
+@media (min-width: 1200px) {
+  .container-4 {
+    max-width: 1140px; } }
+
+.container-5 {
+  max-width: 1570px; }
+  @media (min-width: 576px) {
+    .container-5 {
+      max-width: 540px; } }
+  @media (min-width: 768px) {
+    .container-5 {
+      max-width: 720px; } }
+  @media (min-width: 992px) {
+    .container-5 {
+      max-width: 960px; } }
+  @media (min-width: 1200px) {
+    .container-5 {
+      max-width: 1140px; } }
+
+@media (min-width: 768px) {
   .container-md-2 {
@@ -85,2 +102,6 @@ max-width: 720px; } }
 
+@media (min-width: 1200px) {
+  .container-xl-4 {
+    max-width: 960px; } }
+
 .row-1 {
@@ -122,2 +143,26 @@ display: -ms-flexbox;
 
+.row-4 {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  margin-right: -20px;
+  margin-left: -20px; }
+  .row-4 > .col,
+  .row-4 > [class*="col-"] {
+    padding-right: 20px;
+    padding-left: 20px; }
+
+.row-5 {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  margin-right: -30px;
+  margin-left: -30px; }
+  .row-5 > .col,
+  .row-5 > [class*="col-"] {
+    padding-right: 30px;
+    padding-left: 30px; }
+
 @media (min-width: 576px) {
@@ -158,3 +203,27 @@ .row-sm-1 {
       padding-right: 15px;
-      padding-left: 15px; } }
+      padding-left: 15px; }
+
+  .row-sm-4 {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    margin-right: -20px;
+    margin-left: -20px; }
+    .row-sm-4 > .col,
+    .row-sm-4 > [class*="col-"] {
+      padding-right: 20px;
+      padding-left: 20px; }
+
+  .row-sm-5 {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    margin-right: -30px;
+    margin-left: -30px; }
+    .row-sm-5 > .col,
+    .row-sm-5 > [class*="col-"] {
+      padding-right: 30px;
+      padding-left: 30px; } }
 @media (min-width: 768px) {
@@ -195,3 +264,27 @@ .row-md-1 {
       padding-right: 15px;
-      padding-left: 15px; } }
+      padding-left: 15px; }
+
+  .row-md-4 {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    margin-right: -20px;
+    margin-left: -20px; }
+    .row-md-4 > .col,
+    .row-md-4 > [class*="col-"] {
+      padding-right: 20px;
+      padding-left: 20px; }
+
+  .row-md-5 {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    margin-right: -30px;
+    margin-left: -30px; }
+    .row-md-5 > .col,
+    .row-md-5 > [class*="col-"] {
+      padding-right: 30px;
+      padding-left: 30px; } }
 @media (min-width: 992px) {
@@ -232,3 +325,27 @@ .row-lg-1 {
       padding-right: 15px;
-      padding-left: 15px; } }
+      padding-left: 15px; }
+
+  .row-lg-4 {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    margin-right: -20px;
+    margin-left: -20px; }
+    .row-lg-4 > .col,
+    .row-lg-4 > [class*="col-"] {
+      padding-right: 20px;
+      padding-left: 20px; }
+
+  .row-lg-5 {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    margin-right: -30px;
+    margin-left: -30px; }
+    .row-lg-5 > .col,
+    .row-lg-5 > [class*="col-"] {
+      padding-right: 30px;
+      padding-left: 30px; } }
 @media (min-width: 1200px) {
@@ -269,3 +386,1033 @@ .row-xl-1 {
       padding-right: 15px;
-      padding-left: 15px; } }
+      padding-left: 15px; }
+
+  .row-xl-4 {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    margin-right: -20px;
+    margin-left: -20px; }
+    .row-xl-4 > .col,
+    .row-xl-4 > [class*="col-"] {
+      padding-right: 20px;
+      padding-left: 20px; }
+
+  .row-xl-5 {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    margin-right: -30px;
+    margin-left: -30px; }
+    .row-xl-5 > .col,
+    .row-xl-5 > [class*="col-"] {
+      padding-right: 30px;
+      padding-left: 30px; } }
+.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
+.col-xxl-auto, .col-3xl-1, .col-3xl-2, .col-3xl-3, .col-3xl-4, .col-3xl-5, .col-3xl-6, .col-3xl-7, .col-3xl-8, .col-3xl-9, .col-3xl-10, .col-3xl-11, .col-3xl-12, .col-3xl,
+.col-3xl-auto, .col-4xl-1, .col-4xl-2, .col-4xl-3, .col-4xl-4, .col-4xl-5, .col-4xl-6, .col-4xl-7, .col-4xl-8, .col-4xl-9, .col-4xl-10, .col-4xl-11, .col-4xl-12, .col-4xl,
+.col-4xl-auto, .col-5xl-1, .col-5xl-2, .col-5xl-3, .col-5xl-4, .col-5xl-5, .col-5xl-6, .col-5xl-7, .col-5xl-8, .col-5xl-9, .col-5xl-10, .col-5xl-11, .col-5xl-12, .col-5xl,
+.col-5xl-auto, .col-6xl-1, .col-6xl-2, .col-6xl-3, .col-6xl-4, .col-6xl-5, .col-6xl-6, .col-6xl-7, .col-6xl-8, .col-6xl-9, .col-6xl-10, .col-6xl-11, .col-6xl-12, .col-6xl,
+.col-6xl-auto {
+  position: relative;
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px; }
+
+@media (min-width: 1600px) {
+  .col-xxl {
+    -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+    -ms-flex-positive: 1;
+        flex-grow: 1;
+    max-width: 100%; }
+
+  .row-cols-xxl-1 > * {
+    -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+    max-width: 100%; }
+
+  .row-cols-xxl-2 > * {
+    -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+    max-width: 50%; }
+
+  .row-cols-xxl-3 > * {
+    -ms-flex: 0 0 33.3333333333%;
+        flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .row-cols-xxl-4 > * {
+    -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+    max-width: 25%; }
+
+  .row-cols-xxl-5 > * {
+    -ms-flex: 0 0 20%;
+        flex: 0 0 20%;
+    max-width: 20%; }
+
+  .row-cols-xxl-6 > * {
+    -ms-flex: 0 0 16.6666666667%;
+        flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-xxl-auto {
+    -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+    width: auto;
+    max-width: 100%; }
+
+  .col-xxl-1 {
+    -ms-flex: 0 0 8.3333333333%;
+        flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%; }
+
+  .col-xxl-2 {
+    -ms-flex: 0 0 16.6666666667%;
+        flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-xxl-3 {
+    -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+    max-width: 25%; }
+
+  .col-xxl-4 {
+    -ms-flex: 0 0 33.3333333333%;
+        flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .col-xxl-5 {
+    -ms-flex: 0 0 41.6666666667%;
+        flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%; }
+
+  .col-xxl-6 {
+    -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+    max-width: 50%; }
+
+  .col-xxl-7 {
+    -ms-flex: 0 0 58.3333333333%;
+        flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%; }
+
+  .col-xxl-8 {
+    -ms-flex: 0 0 66.6666666667%;
+        flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%; }
+
+  .col-xxl-9 {
+    -ms-flex: 0 0 75%;
+        flex: 0 0 75%;
+    max-width: 75%; }
+
+  .col-xxl-10 {
+    -ms-flex: 0 0 83.3333333333%;
+        flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%; }
+
+  .col-xxl-11 {
+    -ms-flex: 0 0 91.6666666667%;
+        flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%; }
+
+  .col-xxl-12 {
+    -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+    max-width: 100%; }
+
+  .order-xxl-first {
+    -ms-flex-order: -1;
+        order: -1; }
+
+  .order-xxl-last {
+    -ms-flex-order: 13;
+        order: 13; }
+
+  .order-xxl-0 {
+    -ms-flex-order: 0;
+        order: 0; }
+
+  .order-xxl-1 {
+    -ms-flex-order: 1;
+        order: 1; }
+
+  .order-xxl-2 {
+    -ms-flex-order: 2;
+        order: 2; }
+
+  .order-xxl-3 {
+    -ms-flex-order: 3;
+        order: 3; }
+
+  .order-xxl-4 {
+    -ms-flex-order: 4;
+        order: 4; }
+
+  .order-xxl-5 {
+    -ms-flex-order: 5;
+        order: 5; }
+
+  .order-xxl-6 {
+    -ms-flex-order: 6;
+        order: 6; }
+
+  .order-xxl-7 {
+    -ms-flex-order: 7;
+        order: 7; }
+
+  .order-xxl-8 {
+    -ms-flex-order: 8;
+        order: 8; }
+
+  .order-xxl-9 {
+    -ms-flex-order: 9;
+        order: 9; }
+
+  .order-xxl-10 {
+    -ms-flex-order: 10;
+        order: 10; }
+
+  .order-xxl-11 {
+    -ms-flex-order: 11;
+        order: 11; }
+
+  .order-xxl-12 {
+    -ms-flex-order: 12;
+        order: 12; }
+
+  .offset-xxl-0 {
+    margin-left: 0; }
+
+  .offset-xxl-1 {
+    margin-left: 8.3333333333%; }
+
+  .offset-xxl-2 {
+    margin-left: 16.6666666667%; }
+
+  .offset-xxl-3 {
+    margin-left: 25%; }
+
+  .offset-xxl-4 {
+    margin-left: 33.3333333333%; }
+
+  .offset-xxl-5 {
+    margin-left: 41.6666666667%; }
+
+  .offset-xxl-6 {
+    margin-left: 50%; }
+
+  .offset-xxl-7 {
+    margin-left: 58.3333333333%; }
+
+  .offset-xxl-8 {
+    margin-left: 66.6666666667%; }
+
+  .offset-xxl-9 {
+    margin-left: 75%; }
+
+  .offset-xxl-10 {
+    margin-left: 83.3333333333%; }
+
+  .offset-xxl-11 {
+    margin-left: 91.6666666667%; } }
+@media (min-width: 1920px) {
+  .col-3xl {
+    -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+    -ms-flex-positive: 1;
+        flex-grow: 1;
+    max-width: 100%; }
+
+  .row-cols-3xl-1 > * {
+    -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+    max-width: 100%; }
+
+  .row-cols-3xl-2 > * {
+    -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+    max-width: 50%; }
+
+  .row-cols-3xl-3 > * {
+    -ms-flex: 0 0 33.3333333333%;
+        flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .row-cols-3xl-4 > * {
+    -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+    max-width: 25%; }
+
+  .row-cols-3xl-5 > * {
+    -ms-flex: 0 0 20%;
+        flex: 0 0 20%;
+    max-width: 20%; }
+
+  .row-cols-3xl-6 > * {
+    -ms-flex: 0 0 16.6666666667%;
+        flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-3xl-auto {
+    -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+    width: auto;
+    max-width: 100%; }
+
+  .col-3xl-1 {
+    -ms-flex: 0 0 8.3333333333%;
+        flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%; }
+
+  .col-3xl-2 {
+    -ms-flex: 0 0 16.6666666667%;
+        flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-3xl-3 {
+    -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+    max-width: 25%; }
+
+  .col-3xl-4 {
+    -ms-flex: 0 0 33.3333333333%;
+        flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .col-3xl-5 {
+    -ms-flex: 0 0 41.6666666667%;
+        flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%; }
+
+  .col-3xl-6 {
+    -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+    max-width: 50%; }
+
+  .col-3xl-7 {
+    -ms-flex: 0 0 58.3333333333%;
+        flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%; }
+
+  .col-3xl-8 {
+    -ms-flex: 0 0 66.6666666667%;
+        flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%; }
+
+  .col-3xl-9 {
+    -ms-flex: 0 0 75%;
+        flex: 0 0 75%;
+    max-width: 75%; }
+
+  .col-3xl-10 {
+    -ms-flex: 0 0 83.3333333333%;
+        flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%; }
+
+  .col-3xl-11 {
+    -ms-flex: 0 0 91.6666666667%;
+        flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%; }
+
+  .col-3xl-12 {
+    -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+    max-width: 100%; }
+
+  .order-3xl-first {
+    -ms-flex-order: -1;
+        order: -1; }
+
+  .order-3xl-last {
+    -ms-flex-order: 13;
+        order: 13; }
+
+  .order-3xl-0 {
+    -ms-flex-order: 0;
+        order: 0; }
+
+  .order-3xl-1 {
+    -ms-flex-order: 1;
+        order: 1; }
+
+  .order-3xl-2 {
+    -ms-flex-order: 2;
+        order: 2; }
+
+  .order-3xl-3 {
+    -ms-flex-order: 3;
+        order: 3; }
+
+  .order-3xl-4 {
+    -ms-flex-order: 4;
+        order: 4; }
+
+  .order-3xl-5 {
+    -ms-flex-order: 5;
+        order: 5; }
+
+  .order-3xl-6 {
+    -ms-flex-order: 6;
+        order: 6; }
+
+  .order-3xl-7 {
+    -ms-flex-order: 7;
+        order: 7; }
+
+  .order-3xl-8 {
+    -ms-flex-order: 8;
+        order: 8; }
+
+  .order-3xl-9 {
+    -ms-flex-order: 9;
+        order: 9; }
+
+  .order-3xl-10 {
+    -ms-flex-order: 10;
+        order: 10; }
+
+  .order-3xl-11 {
+    -ms-flex-order: 11;
+        order: 11; }
+
+  .order-3xl-12 {
+    -ms-flex-order: 12;
+        order: 12; }
+
+  .offset-3xl-0 {
+    margin-left: 0; }
+
+  .offset-3xl-1 {
+    margin-left: 8.3333333333%; }
+
+  .offset-3xl-2 {
+    margin-left: 16.6666666667%; }
+
+  .offset-3xl-3 {
+    margin-left: 25%; }
+
+  .offset-3xl-4 {
+    margin-left: 33.3333333333%; }
+
+  .offset-3xl-5 {
+    margin-left: 41.6666666667%; }
+
+  .offset-3xl-6 {
+    margin-left: 50%; }
+
+  .offset-3xl-7 {
+    margin-left: 58.3333333333%; }
+
+  .offset-3xl-8 {
+    margin-left: 66.6666666667%; }
+
+  .offset-3xl-9 {
+    margin-left: 75%; }
+
+  .offset-3xl-10 {
+    margin-left: 83.3333333333%; }
+
+  .offset-3xl-11 {
+    margin-left: 91.6666666667%; } }
+@media (min-width: 3840px) {
+  .col-4xl {
+    -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+    -ms-flex-positive: 1;
+        flex-grow: 1;
+    max-width: 100%; }
+
+  .row-cols-4xl-1 > * {
+    -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+    max-width: 100%; }
+
+  .row-cols-4xl-2 > * {
+    -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+    max-width: 50%; }
+
+  .row-cols-4xl-3 > * {
+    -ms-flex: 0 0 33.3333333333%;
+        flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .row-cols-4xl-4 > * {
+    -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+    max-width: 25%; }
+
+  .row-cols-4xl-5 > * {
+    -ms-flex: 0 0 20%;
+        flex: 0 0 20%;
+    max-width: 20%; }
+
+  .row-cols-4xl-6 > * {
+    -ms-flex: 0 0 16.6666666667%;
+        flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-4xl-auto {
+    -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+    width: auto;
+    max-width: 100%; }
+
+  .col-4xl-1 {
+    -ms-flex: 0 0 8.3333333333%;
+        flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%; }
+
+  .col-4xl-2 {
+    -ms-flex: 0 0 16.6666666667%;
+        flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-4xl-3 {
+    -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+    max-width: 25%; }
+
+  .col-4xl-4 {
+    -ms-flex: 0 0 33.3333333333%;
+        flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .col-4xl-5 {
+    -ms-flex: 0 0 41.6666666667%;
+        flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%; }
+
+  .col-4xl-6 {
+    -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+    max-width: 50%; }
+
+  .col-4xl-7 {
+    -ms-flex: 0 0 58.3333333333%;
+        flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%; }
+
+  .col-4xl-8 {
+    -ms-flex: 0 0 66.6666666667%;
+        flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%; }
+
+  .col-4xl-9 {
+    -ms-flex: 0 0 75%;
+        flex: 0 0 75%;
+    max-width: 75%; }
+
+  .col-4xl-10 {
+    -ms-flex: 0 0 83.3333333333%;
+        flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%; }
+
+  .col-4xl-11 {
+    -ms-flex: 0 0 91.6666666667%;
+        flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%; }
+
+  .col-4xl-12 {
+    -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+    max-width: 100%; }
+
+  .order-4xl-first {
+    -ms-flex-order: -1;
+        order: -1; }
+
+  .order-4xl-last {
+    -ms-flex-order: 13;
+        order: 13; }
+
+  .order-4xl-0 {
+    -ms-flex-order: 0;
+        order: 0; }
+
+  .order-4xl-1 {
+    -ms-flex-order: 1;
+        order: 1; }
+
+  .order-4xl-2 {
+    -ms-flex-order: 2;
+        order: 2; }
+
+  .order-4xl-3 {
+    -ms-flex-order: 3;
+        order: 3; }
+
+  .order-4xl-4 {
+    -ms-flex-order: 4;
+        order: 4; }
+
+  .order-4xl-5 {
+    -ms-flex-order: 5;
+        order: 5; }
+
+  .order-4xl-6 {
+    -ms-flex-order: 6;
+        order: 6; }
+
+  .order-4xl-7 {
+    -ms-flex-order: 7;
+        order: 7; }
+
+  .order-4xl-8 {
+    -ms-flex-order: 8;
+        order: 8; }
+
+  .order-4xl-9 {
+    -ms-flex-order: 9;
+        order: 9; }
+
+  .order-4xl-10 {
+    -ms-flex-order: 10;
+        order: 10; }
+
+  .order-4xl-11 {
+    -ms-flex-order: 11;
+        order: 11; }
+
+  .order-4xl-12 {
+    -ms-flex-order: 12;
+        order: 12; }
+
+  .offset-4xl-0 {
+    margin-left: 0; }
+
+  .offset-4xl-1 {
+    margin-left: 8.3333333333%; }
+
+  .offset-4xl-2 {
+    margin-left: 16.6666666667%; }
+
+  .offset-4xl-3 {
+    margin-left: 25%; }
+
+  .offset-4xl-4 {
+    margin-left: 33.3333333333%; }
+
+  .offset-4xl-5 {
+    margin-left: 41.6666666667%; }
+
+  .offset-4xl-6 {
+    margin-left: 50%; }
+
+  .offset-4xl-7 {
+    margin-left: 58.3333333333%; }
+
+  .offset-4xl-8 {
+    margin-left: 66.6666666667%; }
+
+  .offset-4xl-9 {
+    margin-left: 75%; }
+
+  .offset-4xl-10 {
+    margin-left: 83.3333333333%; }
+
+  .offset-4xl-11 {
+    margin-left: 91.6666666667%; } }
+@media (min-width: 5120px) {
+  .col-5xl {
+    -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+    -ms-flex-positive: 1;
+        flex-grow: 1;
+    max-width: 100%; }
+
+  .row-cols-5xl-1 > * {
+    -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+    max-width: 100%; }
+
+  .row-cols-5xl-2 > * {
+    -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+    max-width: 50%; }
+
+  .row-cols-5xl-3 > * {
+    -ms-flex: 0 0 33.3333333333%;
+        flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .row-cols-5xl-4 > * {
+    -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+    max-width: 25%; }
+
+  .row-cols-5xl-5 > * {
+    -ms-flex: 0 0 20%;
+        flex: 0 0 20%;
+    max-width: 20%; }
+
+  .row-cols-5xl-6 > * {
+    -ms-flex: 0 0 16.6666666667%;
+        flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-5xl-auto {
+    -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+    width: auto;
+    max-width: 100%; }
+
+  .col-5xl-1 {
+    -ms-flex: 0 0 8.3333333333%;
+        flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%; }
+
+  .col-5xl-2 {
+    -ms-flex: 0 0 16.6666666667%;
+        flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-5xl-3 {
+    -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+    max-width: 25%; }
+
+  .col-5xl-4 {
+    -ms-flex: 0 0 33.3333333333%;
+        flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .col-5xl-5 {
+    -ms-flex: 0 0 41.6666666667%;
+        flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%; }
+
+  .col-5xl-6 {
+    -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+    max-width: 50%; }
+
+  .col-5xl-7 {
+    -ms-flex: 0 0 58.3333333333%;
+        flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%; }
+
+  .col-5xl-8 {
+    -ms-flex: 0 0 66.6666666667%;
+        flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%; }
+
+  .col-5xl-9 {
+    -ms-flex: 0 0 75%;
+        flex: 0 0 75%;
+    max-width: 75%; }
+
+  .col-5xl-10 {
+    -ms-flex: 0 0 83.3333333333%;
+        flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%; }
+
+  .col-5xl-11 {
+    -ms-flex: 0 0 91.6666666667%;
+        flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%; }
+
+  .col-5xl-12 {
+    -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+    max-width: 100%; }
+
+  .order-5xl-first {
+    -ms-flex-order: -1;
+        order: -1; }
+
+  .order-5xl-last {
+    -ms-flex-order: 13;
+        order: 13; }
+
+  .order-5xl-0 {
+    -ms-flex-order: 0;
+        order: 0; }
+
+  .order-5xl-1 {
+    -ms-flex-order: 1;
+        order: 1; }
+
+  .order-5xl-2 {
+    -ms-flex-order: 2;
+        order: 2; }
+
+  .order-5xl-3 {
+    -ms-flex-order: 3;
+        order: 3; }
+
+  .order-5xl-4 {
+    -ms-flex-order: 4;
+        order: 4; }
+
+  .order-5xl-5 {
+    -ms-flex-order: 5;
+        order: 5; }
+
+  .order-5xl-6 {
+    -ms-flex-order: 6;
+        order: 6; }
+
+  .order-5xl-7 {
+    -ms-flex-order: 7;
+        order: 7; }
+
+  .order-5xl-8 {
+    -ms-flex-order: 8;
+        order: 8; }
+
+  .order-5xl-9 {
+    -ms-flex-order: 9;
+        order: 9; }
+
+  .order-5xl-10 {
+    -ms-flex-order: 10;
+        order: 10; }
+
+  .order-5xl-11 {
+    -ms-flex-order: 11;
+        order: 11; }
+
+  .order-5xl-12 {
+    -ms-flex-order: 12;
+        order: 12; }
+
+  .offset-5xl-0 {
+    margin-left: 0; }
+
+  .offset-5xl-1 {
+    margin-left: 8.3333333333%; }
+
+  .offset-5xl-2 {
+    margin-left: 16.6666666667%; }
+
+  .offset-5xl-3 {
+    margin-left: 25%; }
+
+  .offset-5xl-4 {
+    margin-left: 33.3333333333%; }
+
+  .offset-5xl-5 {
+    margin-left: 41.6666666667%; }
+
+  .offset-5xl-6 {
+    margin-left: 50%; }
+
+  .offset-5xl-7 {
+    margin-left: 58.3333333333%; }
+
+  .offset-5xl-8 {
+    margin-left: 66.6666666667%; }
+
+  .offset-5xl-9 {
+    margin-left: 75%; }
+
+  .offset-5xl-10 {
+    margin-left: 83.3333333333%; }
+
+  .offset-5xl-11 {
+    margin-left: 91.6666666667%; } }
+@media (min-width: 7680px) {
+  .col-6xl {
+    -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+    -ms-flex-positive: 1;
+        flex-grow: 1;
+    max-width: 100%; }
+
+  .row-cols-6xl-1 > * {
+    -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+    max-width: 100%; }
+
+  .row-cols-6xl-2 > * {
+    -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+    max-width: 50%; }
+
+  .row-cols-6xl-3 > * {
+    -ms-flex: 0 0 33.3333333333%;
+        flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .row-cols-6xl-4 > * {
+    -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+    max-width: 25%; }
+
+  .row-cols-6xl-5 > * {
+    -ms-flex: 0 0 20%;
+        flex: 0 0 20%;
+    max-width: 20%; }
+
+  .row-cols-6xl-6 > * {
+    -ms-flex: 0 0 16.6666666667%;
+        flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-6xl-auto {
+    -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+    width: auto;
+    max-width: 100%; }
+
+  .col-6xl-1 {
+    -ms-flex: 0 0 8.3333333333%;
+        flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%; }
+
+  .col-6xl-2 {
+    -ms-flex: 0 0 16.6666666667%;
+        flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-6xl-3 {
+    -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+    max-width: 25%; }
+
+  .col-6xl-4 {
+    -ms-flex: 0 0 33.3333333333%;
+        flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .col-6xl-5 {
+    -ms-flex: 0 0 41.6666666667%;
+        flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%; }
+
+  .col-6xl-6 {
+    -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+    max-width: 50%; }
+
+  .col-6xl-7 {
+    -ms-flex: 0 0 58.3333333333%;
+        flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%; }
+
+  .col-6xl-8 {
+    -ms-flex: 0 0 66.6666666667%;
+        flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%; }
+
+  .col-6xl-9 {
+    -ms-flex: 0 0 75%;
+        flex: 0 0 75%;
+    max-width: 75%; }
+
+  .col-6xl-10 {
+    -ms-flex: 0 0 83.3333333333%;
+        flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%; }
+
+  .col-6xl-11 {
+    -ms-flex: 0 0 91.6666666667%;
+        flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%; }
+
+  .col-6xl-12 {
+    -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+    max-width: 100%; }
+
+  .order-6xl-first {
+    -ms-flex-order: -1;
+        order: -1; }
+
+  .order-6xl-last {
+    -ms-flex-order: 13;
+        order: 13; }
+
+  .order-6xl-0 {
+    -ms-flex-order: 0;
+        order: 0; }
+
+  .order-6xl-1 {
+    -ms-flex-order: 1;
+        order: 1; }
+
+  .order-6xl-2 {
+    -ms-flex-order: 2;
+        order: 2; }
+
+  .order-6xl-3 {
+    -ms-flex-order: 3;
+        order: 3; }
+
+  .order-6xl-4 {
+    -ms-flex-order: 4;
+        order: 4; }
+
+  .order-6xl-5 {
+    -ms-flex-order: 5;
+        order: 5; }
+
+  .order-6xl-6 {
+    -ms-flex-order: 6;
+        order: 6; }
+
+  .order-6xl-7 {
+    -ms-flex-order: 7;
+        order: 7; }
+
+  .order-6xl-8 {
+    -ms-flex-order: 8;
+        order: 8; }
+
+  .order-6xl-9 {
+    -ms-flex-order: 9;
+        order: 9; }
+
+  .order-6xl-10 {
+    -ms-flex-order: 10;
+        order: 10; }
+
+  .order-6xl-11 {
+    -ms-flex-order: 11;
+        order: 11; }
+
+  .order-6xl-12 {
+    -ms-flex-order: 12;
+        order: 12; }
+
+  .offset-6xl-0 {
+    margin-left: 0; }
+
+  .offset-6xl-1 {
+    margin-left: 8.3333333333%; }
+
+  .offset-6xl-2 {
+    margin-left: 16.6666666667%; }
+
+  .offset-6xl-3 {
+    margin-left: 25%; }
+
+  .offset-6xl-4 {
+    margin-left: 33.3333333333%; }
+
+  .offset-6xl-5 {
+    margin-left: 41.6666666667%; }
+
+  .offset-6xl-6 {
+    margin-left: 50%; }
+
+  .offset-6xl-7 {
+    margin-left: 58.3333333333%; }
+
+  .offset-6xl-8 {
+    margin-left: 66.6666666667%; }
+
+  .offset-6xl-9 {
+    margin-left: 75%; }
+
+  .offset-6xl-10 {
+    margin-left: 83.3333333333%; }
+
+  .offset-6xl-11 {
+    margin-left: 91.6666666667%; } }
 .col-2-5 {
@@ -326,921 +1473,1436 @@ position: relative;
     max-width: 20%; } }
-.m-gutter {
-  margin: 30px !important; }
+.col-xxl-2-5 {
+  position: relative;
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px; }
 
-.mt-gutter {
-  margin-top: 30px !important; }
+@media (min-width: 1600px) {
+  .col-xxl-2-5 {
+    -ms-flex: 0 0 20%;
+        flex: 0 0 20%;
+    max-width: 20%; } }
+.col-3xl-2-5 {
+  position: relative;
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px; }
 
-.mr-gutter {
-  margin-right: 30px !important; }
+@media (min-width: 1920px) {
+  .col-3xl-2-5 {
+    -ms-flex: 0 0 20%;
+        flex: 0 0 20%;
+    max-width: 20%; } }
+.col-4xl-2-5 {
+  position: relative;
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px; }
 
-.mb-gutter {
-  margin-bottom: 30px !important; }
+@media (min-width: 3840px) {
+  .col-4xl-2-5 {
+    -ms-flex: 0 0 20%;
+        flex: 0 0 20%;
+    max-width: 20%; } }
+.col-5xl-2-5 {
+  position: relative;
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px; }
 
-.ml-gutter {
-  margin-left: 30px !important; }
+@media (min-width: 5120px) {
+  .col-5xl-2-5 {
+    -ms-flex: 0 0 20%;
+        flex: 0 0 20%;
+    max-width: 20%; } }
+.col-6xl-2-5 {
+  position: relative;
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px; }
 
-.mx-gutter {
-  margin-right: 30px !important;
-  margin-left: 30px !important; }
+@media (min-width: 7680px) {
+  .col-6xl-2-5 {
+    -ms-flex: 0 0 20%;
+        flex: 0 0 20%;
+    max-width: 20%; } }
+.m-gutter-0 {
+  margin: 0 !important; }
 
-.my-gutter {
-  margin-top: 30px !important;
-  margin-bottom: 30px !important; }
+.mt-gutter-0 {
+  margin-top: 0 !important; }
 
-.p-gutter {
-  padding: 30px !important; }
+.mr-gutter-0 {
+  margin-right: 0 !important; }
 
-.pt-gutter {
-  padding-top: 30px !important; }
+.mb-gutter-0 {
+  margin-bottom: 0 !important; }
 
-.pr-gutter {
-  padding-right: 30px !important; }
+.ml-gutter-0 {
+  margin-left: 0 !important; }
 
-.pb-gutter {
-  padding-bottom: 30px !important; }
+.mx-gutter-0 {
+  margin-right: 0 !important;
+  margin-left: 0 !important; }
 
-.pl-gutter {
-  padding-left: 30px !important; }
+.my-gutter-0 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important; }
 
-.px-gutter {
-  padding-right: 30px !important;
-  padding-left: 30px !important; }
+.p-gutter-0 {
+  padding: 0 !important; }
 
-.py-gutter {
-  padding-top: 30px !important;
-  padding-bottom: 30px !important; }
+.pt-gutter-0 {
+  padding-top: 0 !important; }
 
+.pr-gutter-0 {
+  padding-right: 0 !important; }
+
+.pb-gutter-0 {
+  padding-bottom: 0 !important; }
+
+.pl-gutter-0 {
+  padding-left: 0 !important; }
+
+.px-gutter-0 {
+  padding-right: 0 !important;
+  padding-left: 0 !important; }
+
+.py-gutter-0 {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important; }
+
 .m-gutter-1 {
+  margin: 5px !important; }
+
+.mt-gutter-1 {
+  margin-top: 5px !important; }
+
+.mr-gutter-1 {
+  margin-right: 5px !important; }
+
+.mb-gutter-1 {
+  margin-bottom: 5px !important; }
+
+.ml-gutter-1 {
+  margin-left: 5px !important; }
+
+.mx-gutter-1 {
+  margin-right: 5px !important;
+  margin-left: 5px !important; }
+
+.my-gutter-1 {
+  margin-top: 5px !important;
+  margin-bottom: 5px !important; }
+
+.p-gutter-1 {
+  padding: 5px !important; }
+
+.pt-gutter-1 {
+  padding-top: 5px !important; }
+
+.pr-gutter-1 {
+  padding-right: 5px !important; }
+
+.pb-gutter-1 {
+  padding-bottom: 5px !important; }
+
+.pl-gutter-1 {
+  padding-left: 5px !important; }
+
+.px-gutter-1 {
+  padding-right: 5px !important;
+  padding-left: 5px !important; }
+
+.py-gutter-1 {
+  padding-top: 5px !important;
+  padding-bottom: 5px !important; }
+
+.m-gutter-2 {
   margin: 10px !important; }
 
-.mt-gutter-1 {
+.mt-gutter-2 {
   margin-top: 10px !important; }
 
-.mr-gutter-1 {
+.mr-gutter-2 {
   margin-right: 10px !important; }
 
-.mb-gutter-1 {
+.mb-gutter-2 {
   margin-bottom: 10px !important; }
 
-.ml-gutter-1 {
+.ml-gutter-2 {
   margin-left: 10px !important; }
 
-.mx-gutter-1 {
+.mx-gutter-2 {
   margin-right: 10px !important;
   margin-left: 10px !important; }
 
-.my-gutter-1 {
+.my-gutter-2 {
   margin-top: 10px !important;
   margin-bottom: 10px !important; }
 
-.p-gutter-1 {
+.p-gutter-2 {
   padding: 10px !important; }
 
-.pt-gutter-1 {
+.pt-gutter-2 {
   padding-top: 10px !important; }
 
-.pr-gutter-1 {
+.pr-gutter-2 {
   padding-right: 10px !important; }
 
-.pb-gutter-1 {
+.pb-gutter-2 {
   padding-bottom: 10px !important; }
 
-.pl-gutter-1 {
+.pl-gutter-2 {
   padding-left: 10px !important; }
 
-.px-gutter-1 {
+.px-gutter-2 {
   padding-right: 10px !important;
   padding-left: 10px !important; }
 
-.py-gutter-1 {
+.py-gutter-2 {
   padding-top: 10px !important;
   padding-bottom: 10px !important; }
 
-.m-gutter-2 {
+.m-gutter-3 {
   margin: 20px !important; }
 
-.mt-gutter-2 {
+.mt-gutter-3 {
   margin-top: 20px !important; }
 
-.mr-gutter-2 {
+.mr-gutter-3 {
   margin-right: 20px !important; }
 
-.mb-gutter-2 {
+.mb-gutter-3 {
   margin-bottom: 20px !important; }
 
-.ml-gutter-2 {
+.ml-gutter-3 {
   margin-left: 20px !important; }
 
-.mx-gutter-2 {
+.mx-gutter-3 {
   margin-right: 20px !important;
   margin-left: 20px !important; }
 
-.my-gutter-2 {
+.my-gutter-3 {
   margin-top: 20px !important;
   margin-bottom: 20px !important; }
 
-.p-gutter-2 {
+.p-gutter-3 {
   padding: 20px !important; }
 
-.pt-gutter-2 {
+.pt-gutter-3 {
   padding-top: 20px !important; }
 
-.pr-gutter-2 {
+.pr-gutter-3 {
   padding-right: 20px !important; }
 
-.pb-gutter-2 {
+.pb-gutter-3 {
   padding-bottom: 20px !important; }
 
-.pl-gutter-2 {
+.pl-gutter-3 {
   padding-left: 20px !important; }
 
-.px-gutter-2 {
+.px-gutter-3 {
   padding-right: 20px !important;
   padding-left: 20px !important; }
 
-.py-gutter-2 {
+.py-gutter-3 {
   padding-top: 20px !important;
   padding-bottom: 20px !important; }
 
-.m-gutter-3 {
+.m-gutter-4 {
   margin: 30px !important; }
 
-.mt-gutter-3 {
+.mt-gutter-4 {
   margin-top: 30px !important; }
 
-.mr-gutter-3 {
+.mr-gutter-4 {
   margin-right: 30px !important; }
 
-.mb-gutter-3 {
+.mb-gutter-4 {
   margin-bottom: 30px !important; }
 
-.ml-gutter-3 {
+.ml-gutter-4 {
   margin-left: 30px !important; }
 
-.mx-gutter-3 {
+.mx-gutter-4 {
   margin-right: 30px !important;
   margin-left: 30px !important; }
 
-.my-gutter-3 {
+.my-gutter-4 {
   margin-top: 30px !important;
   margin-bottom: 30px !important; }
 
-.p-gutter-3 {
+.p-gutter-4 {
   padding: 30px !important; }
 
-.pt-gutter-3 {
+.pt-gutter-4 {
   padding-top: 30px !important; }
 
-.pr-gutter-3 {
+.pr-gutter-4 {
   padding-right: 30px !important; }
 
-.pb-gutter-3 {
+.pb-gutter-4 {
   padding-bottom: 30px !important; }
 
-.pl-gutter-3 {
+.pl-gutter-4 {
   padding-left: 30px !important; }
 
-.px-gutter-3 {
+.px-gutter-4 {
   padding-right: 30px !important;
   padding-left: 30px !important; }
 
-.py-gutter-3 {
+.py-gutter-4 {
   padding-top: 30px !important;
   padding-bottom: 30px !important; }
 
+.m-gutter {
+  margin: 30px !important; }
+
+.mt-gutter {
+  margin-top: 30px !important; }
+
+.mr-gutter {
+  margin-right: 30px !important; }
+
+.mb-gutter {
+  margin-bottom: 30px !important; }
+
+.ml-gutter {
+  margin-left: 30px !important; }
+
+.mx-gutter {
+  margin-right: 30px !important;
+  margin-left: 30px !important; }
+
+.my-gutter {
+  margin-top: 30px !important;
+  margin-bottom: 30px !important; }
+
+.p-gutter {
+  padding: 30px !important; }
+
+.pt-gutter {
+  padding-top: 30px !important; }
+
+.pr-gutter {
+  padding-right: 30px !important; }
+
+.pb-gutter {
+  padding-bottom: 30px !important; }
+
+.pl-gutter {
+  padding-left: 30px !important; }
+
+.px-gutter {
+  padding-right: 30px !important;
+  padding-left: 30px !important; }
+
+.py-gutter {
+  padding-top: 30px !important;
+  padding-bottom: 30px !important; }
+
 @media (min-width: 576px) {
-  .m-gutter-sm {
-    margin: 30px !important; }
+  .m-gutter-sm-0 {
+    margin: 0 !important; }
 
-  .mt-gutter-sm {
-    margin-top: 30px !important; }
+  .mt-gutter-sm-0 {
+    margin-top: 0 !important; }
 
-  .mr-gutter-sm {
-    margin-right: 30px !important; }
+  .mr-gutter-sm-0 {
+    margin-right: 0 !important; }
 
-  .mb-gutter-sm {
-    margin-bottom: 30px !important; }
+  .mb-gutter-sm-0 {
+    margin-bottom: 0 !important; }
 
-  .ml-gutter-sm {
-    margin-left: 30px !important; }
+  .ml-gutter-sm-0 {
+    margin-left: 0 !important; }
 
-  .mx-gutter-sm {
-    margin-right: 30px !important;
-    margin-left: 30px !important; }
+  .mx-gutter-sm-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important; }
 
-  .my-gutter-sm {
-    margin-top: 30px !important;
-    margin-bottom: 30px !important; }
+  .my-gutter-sm-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important; }
 
-  .p-gutter-sm {
-    padding: 30px !important; }
+  .p-gutter-sm-0 {
+    padding: 0 !important; }
 
-  .pt-gutter-sm {
-    padding-top: 30px !important; }
+  .pt-gutter-sm-0 {
+    padding-top: 0 !important; }
 
-  .pr-gutter-sm {
-    padding-right: 30px !important; }
+  .pr-gutter-sm-0 {
+    padding-right: 0 !important; }
 
-  .pb-gutter-sm {
-    padding-bottom: 30px !important; }
+  .pb-gutter-sm-0 {
+    padding-bottom: 0 !important; }
 
-  .pl-gutter-sm {
-    padding-left: 30px !important; }
+  .pl-gutter-sm-0 {
+    padding-left: 0 !important; }
 
-  .px-gutter-sm {
-    padding-right: 30px !important;
-    padding-left: 30px !important; }
+  .px-gutter-sm-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important; }
 
-  .py-gutter-sm {
-    padding-top: 30px !important;
-    padding-bottom: 30px !important; }
+  .py-gutter-sm-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important; }
 
   .m-gutter-sm-1 {
+    margin: 5px !important; }
+
+  .mt-gutter-sm-1 {
+    margin-top: 5px !important; }
+
+  .mr-gutter-sm-1 {
+    margin-right: 5px !important; }
+
+  .mb-gutter-sm-1 {
+    margin-bottom: 5px !important; }
+
+  .ml-gutter-sm-1 {
+    margin-left: 5px !important; }
+
+  .mx-gutter-sm-1 {
+    margin-right: 5px !important;
+    margin-left: 5px !important; }
+
+  .my-gutter-sm-1 {
+    margin-top: 5px !important;
+    margin-bottom: 5px !important; }
+
+  .p-gutter-sm-1 {
+    padding: 5px !important; }
+
+  .pt-gutter-sm-1 {
+    padding-top: 5px !important; }
+
+  .pr-gutter-sm-1 {
+    padding-right: 5px !important; }
+
+  .pb-gutter-sm-1 {
+    padding-bottom: 5px !important; }
+
+  .pl-gutter-sm-1 {
+    padding-left: 5px !important; }
+
+  .px-gutter-sm-1 {
+    padding-right: 5px !important;
+    padding-left: 5px !important; }
+
+  .py-gutter-sm-1 {
+    padding-top: 5px !important;
+    padding-bottom: 5px !important; }
+
+  .m-gutter-sm-2 {
     margin: 10px !important; }
 
-  .mt-gutter-sm-1 {
+  .mt-gutter-sm-2 {
     margin-top: 10px !important; }
 
-  .mr-gutter-sm-1 {
+  .mr-gutter-sm-2 {
     margin-right: 10px !important; }
 
-  .mb-gutter-sm-1 {
+  .mb-gutter-sm-2 {
     margin-bottom: 10px !important; }
 
-  .ml-gutter-sm-1 {
+  .ml-gutter-sm-2 {
     margin-left: 10px !important; }
 
-  .mx-gutter-sm-1 {
+  .mx-gutter-sm-2 {
     margin-right: 10px !important;
     margin-left: 10px !important; }
 
-  .my-gutter-sm-1 {
+  .my-gutter-sm-2 {
     margin-top: 10px !important;
     margin-bottom: 10px !important; }
 
-  .p-gutter-sm-1 {
+  .p-gutter-sm-2 {
     padding: 10px !important; }
 
-  .pt-gutter-sm-1 {
+  .pt-gutter-sm-2 {
     padding-top: 10px !important; }
 
-  .pr-gutter-sm-1 {
+  .pr-gutter-sm-2 {
     padding-right: 10px !important; }
 
-  .pb-gutter-sm-1 {
+  .pb-gutter-sm-2 {
     padding-bottom: 10px !important; }
 
-  .pl-gutter-sm-1 {
+  .pl-gutter-sm-2 {
     padding-left: 10px !important; }
 
-  .px-gutter-sm-1 {
+  .px-gutter-sm-2 {
     padding-right: 10px !important;
     padding-left: 10px !important; }
 
-  .py-gutter-sm-1 {
+  .py-gutter-sm-2 {
     padding-top: 10px !important;
     padding-bottom: 10px !important; }
 
-  .m-gutter-sm-2 {
+  .m-gutter-sm-3 {
     margin: 20px !important; }
 
-  .mt-gutter-sm-2 {
+  .mt-gutter-sm-3 {
     margin-top: 20px !important; }
 
-  .mr-gutter-sm-2 {
+  .mr-gutter-sm-3 {
     margin-right: 20px !important; }
 
-  .mb-gutter-sm-2 {
+  .mb-gutter-sm-3 {
     margin-bottom: 20px !important; }
 
-  .ml-gutter-sm-2 {
+  .ml-gutter-sm-3 {
     margin-left: 20px !important; }
 
-  .mx-gutter-sm-2 {
+  .mx-gutter-sm-3 {
     margin-right: 20px !important;
     margin-left: 20px !important; }
 
-  .my-gutter-sm-2 {
+  .my-gutter-sm-3 {
     margin-top: 20px !important;
     margin-bottom: 20px !important; }
 
-  .p-gutter-sm-2 {
+  .p-gutter-sm-3 {
     padding: 20px !important; }
 
-  .pt-gutter-sm-2 {
+  .pt-gutter-sm-3 {
     padding-top: 20px !important; }
 
-  .pr-gutter-sm-2 {
+  .pr-gutter-sm-3 {
     padding-right: 20px !important; }
 
-  .pb-gutter-sm-2 {
+  .pb-gutter-sm-3 {
     padding-bottom: 20px !important; }
 
-  .pl-gutter-sm-2 {
+  .pl-gutter-sm-3 {
     padding-left: 20px !important; }
 
-  .px-gutter-sm-2 {
+  .px-gutter-sm-3 {
     padding-right: 20px !important;
     padding-left: 20px !important; }
 
-  .py-gutter-sm-2 {
+  .py-gutter-sm-3 {
     padding-top: 20px !important;
     padding-bottom: 20px !important; }
 
-  .m-gutter-sm-3 {
+  .m-gutter-sm-4 {
     margin: 30px !important; }
 
-  .mt-gutter-sm-3 {
+  .mt-gutter-sm-4 {
     margin-top: 30px !important; }
 
-  .mr-gutter-sm-3 {
+  .mr-gutter-sm-4 {
     margin-right: 30px !important; }
 
-  .mb-gutter-sm-3 {
+  .mb-gutter-sm-4 {
     margin-bottom: 30px !important; }
 
-  .ml-gutter-sm-3 {
+  .ml-gutter-sm-4 {
     margin-left: 30px !important; }
 
-  .mx-gutter-sm-3 {
+  .mx-gutter-sm-4 {
     margin-right: 30px !important;
     margin-left: 30px !important; }
 
-  .my-gutter-sm-3 {
+  .my-gutter-sm-4 {
     margin-top: 30px !important;
     margin-bottom: 30px !important; }
 
-  .p-gutter-sm-3 {
+  .p-gutter-sm-4 {
     padding: 30px !important; }
 
-  .pt-gutter-sm-3 {
+  .pt-gutter-sm-4 {
     padding-top: 30px !important; }
 
-  .pr-gutter-sm-3 {
+  .pr-gutter-sm-4 {
     padding-right: 30px !important; }
 
-  .pb-gutter-sm-3 {
+  .pb-gutter-sm-4 {
     padding-bottom: 30px !important; }
 
-  .pl-gutter-sm-3 {
+  .pl-gutter-sm-4 {
     padding-left: 30px !important; }
 
-  .px-gutter-sm-3 {
+  .px-gutter-sm-4 {
     padding-right: 30px !important;
     padding-left: 30px !important; }
 
-  .py-gutter-sm-3 {
+  .py-gutter-sm-4 {
     padding-top: 30px !important;
-    padding-bottom: 30px !important; } }
-@media (min-width: 768px) {
-  .m-gutter-md {
+    padding-bottom: 30px !important; }
+
+  .m-gutter-sm {
     margin: 30px !important; }
 
-  .mt-gutter-md {
+  .mt-gutter-sm {
     margin-top: 30px !important; }
 
-  .mr-gutter-md {
+  .mr-gutter-sm {
     margin-right: 30px !important; }
 
-  .mb-gutter-md {
+  .mb-gutter-sm {
     margin-bottom: 30px !important; }
 
-  .ml-gutter-md {
+  .ml-gutter-sm {
     margin-left: 30px !important; }
 
-  .mx-gutter-md {
+  .mx-gutter-sm {
     margin-right: 30px !important;
     margin-left: 30px !important; }
 
-  .my-gutter-md {
+  .my-gutter-sm {
     margin-top: 30px !important;
     margin-bottom: 30px !important; }
 
-  .p-gutter-md {
+  .p-gutter-sm {
     padding: 30px !important; }
 
-  .pt-gutter-md {
+  .pt-gutter-sm {
     padding-top: 30px !important; }
 
-  .pr-gutter-md {
+  .pr-gutter-sm {
     padding-right: 30px !important; }
 
-  .pb-gutter-md {
+  .pb-gutter-sm {
     padding-bottom: 30px !important; }
 
-  .pl-gutter-md {
+  .pl-gutter-sm {
     padding-left: 30px !important; }
 
-  .px-gutter-md {
+  .px-gutter-sm {
     padding-right: 30px !important;
     padding-left: 30px !important; }
 
-  .py-gutter-md {
+  .py-gutter-sm {
     padding-top: 30px !important;
-    padding-bottom: 30px !important; }
+    padding-bottom: 30px !important; } }
+@media (min-width: 768px) {
+  .m-gutter-md-0 {
+    margin: 0 !important; }
 
+  .mt-gutter-md-0 {
+    margin-top: 0 !important; }
+
+  .mr-gutter-md-0 {
+    margin-right: 0 !important; }
+
+  .mb-gutter-md-0 {
+    margin-bottom: 0 !important; }
+
+  .ml-gutter-md-0 {
+    margin-left: 0 !important; }
+
+  .mx-gutter-md-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important; }
+
+  .my-gutter-md-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important; }
+
+  .p-gutter-md-0 {
+    padding: 0 !important; }
+
+  .pt-gutter-md-0 {
+    padding-top: 0 !important; }
+
+  .pr-gutter-md-0 {
+    padding-right: 0 !important; }
+
+  .pb-gutter-md-0 {
+    padding-bottom: 0 !important; }
+
+  .pl-gutter-md-0 {
+    padding-left: 0 !important; }
+
+  .px-gutter-md-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important; }
+
+  .py-gutter-md-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important; }
+
   .m-gutter-md-1 {
+    margin: 5px !important; }
+
+  .mt-gutter-md-1 {
+    margin-top: 5px !important; }
+
+  .mr-gutter-md-1 {
+    margin-right: 5px !important; }
+
+  .mb-gutter-md-1 {
+    margin-bottom: 5px !important; }
+
+  .ml-gutter-md-1 {
+    margin-left: 5px !important; }
+
+  .mx-gutter-md-1 {
+    margin-right: 5px !important;
+    margin-left: 5px !important; }
+
+  .my-gutter-md-1 {
+    margin-top: 5px !important;
+    margin-bottom: 5px !important; }
+
+  .p-gutter-md-1 {
+    padding: 5px !important; }
+
+  .pt-gutter-md-1 {
+    padding-top: 5px !important; }
+
+  .pr-gutter-md-1 {
+    padding-right: 5px !important; }
+
+  .pb-gutter-md-1 {
+    padding-bottom: 5px !important; }
+
+  .pl-gutter-md-1 {
+    padding-left: 5px !important; }
+
+  .px-gutter-md-1 {
+    padding-right: 5px !important;
+    padding-left: 5px !important; }
+
+  .py-gutter-md-1 {
+    padding-top: 5px !important;
+    padding-bottom: 5px !important; }
+
+  .m-gutter-md-2 {
     margin: 10px !important; }
 
-  .mt-gutter-md-1 {
+  .mt-gutter-md-2 {
     margin-top: 10px !important; }
 
-  .mr-gutter-md-1 {
+  .mr-gutter-md-2 {
     margin-right: 10px !important; }
 
-  .mb-gutter-md-1 {
+  .mb-gutter-md-2 {
     margin-bottom: 10px !important; }
 
-  .ml-gutter-md-1 {
+  .ml-gutter-md-2 {
     margin-left: 10px !important; }
 
-  .mx-gutter-md-1 {
+  .mx-gutter-md-2 {
     margin-right: 10px !important;
     margin-left: 10px !important; }
 
-  .my-gutter-md-1 {
+  .my-gutter-md-2 {
     margin-top: 10px !important;
     margin-bottom: 10px !important; }
 
-  .p-gutter-md-1 {
+  .p-gutter-md-2 {
     padding: 10px !important; }
 
-  .pt-gutter-md-1 {
+  .pt-gutter-md-2 {
     padding-top: 10px !important; }
 
-  .pr-gutter-md-1 {
+  .pr-gutter-md-2 {
     padding-right: 10px !important; }
 
-  .pb-gutter-md-1 {
+  .pb-gutter-md-2 {
     padding-bottom: 10px !important; }
 
-  .pl-gutter-md-1 {
+  .pl-gutter-md-2 {
     padding-left: 10px !important; }
 
-  .px-gutter-md-1 {
+  .px-gutter-md-2 {
     padding-right: 10px !important;
     padding-left: 10px !important; }
 
-  .py-gutter-md-1 {
+  .py-gutter-md-2 {
     padding-top: 10px !important;
     padding-bottom: 10px !important; }
 
-  .m-gutter-md-2 {
+  .m-gutter-md-3 {
     margin: 20px !important; }
 
-  .mt-gutter-md-2 {
+  .mt-gutter-md-3 {
     margin-top: 20px !important; }
 
-  .mr-gutter-md-2 {
+  .mr-gutter-md-3 {
     margin-right: 20px !important; }
 
-  .mb-gutter-md-2 {
+  .mb-gutter-md-3 {
     margin-bottom: 20px !important; }
 
-  .ml-gutter-md-2 {
+  .ml-gutter-md-3 {
     margin-left: 20px !important; }
 
-  .mx-gutter-md-2 {
+  .mx-gutter-md-3 {
     margin-right: 20px !important;
     margin-left: 20px !important; }
 
-  .my-gutter-md-2 {
+  .my-gutter-md-3 {
     margin-top: 20px !important;
     margin-bottom: 20px !important; }
 
-  .p-gutter-md-2 {
+  .p-gutter-md-3 {
     padding: 20px !important; }
 
-  .pt-gutter-md-2 {
+  .pt-gutter-md-3 {
     padding-top: 20px !important; }
 
-  .pr-gutter-md-2 {
+  .pr-gutter-md-3 {
     padding-right: 20px !important; }
 
-  .pb-gutter-md-2 {
+  .pb-gutter-md-3 {
     padding-bottom: 20px !important; }
 
-  .pl-gutter-md-2 {
+  .pl-gutter-md-3 {
     padding-left: 20px !important; }
 
-  .px-gutter-md-2 {
+  .px-gutter-md-3 {
     padding-right: 20px !important;
     padding-left: 20px !important; }
 
-  .py-gutter-md-2 {
+  .py-gutter-md-3 {
     padding-top: 20px !important;
     padding-bottom: 20px !important; }
 
-  .m-gutter-md-3 {
+  .m-gutter-md-4 {
     margin: 30px !important; }
 
-  .mt-gutter-md-3 {
+  .mt-gutter-md-4 {
     margin-top: 30px !important; }
 
-  .mr-gutter-md-3 {
+  .mr-gutter-md-4 {
     margin-right: 30px !important; }
 
-  .mb-gutter-md-3 {
+  .mb-gutter-md-4 {
     margin-bottom: 30px !important; }
 
-  .ml-gutter-md-3 {
+  .ml-gutter-md-4 {
     margin-left: 30px !important; }
 
-  .mx-gutter-md-3 {
+  .mx-gutter-md-4 {
     margin-right: 30px !important;
     margin-left: 30px !important; }
 
-  .my-gutter-md-3 {
+  .my-gutter-md-4 {
     margin-top: 30px !important;
     margin-bottom: 30px !important; }
 
-  .p-gutter-md-3 {
+  .p-gutter-md-4 {
     padding: 30px !important; }
 
-  .pt-gutter-md-3 {
+  .pt-gutter-md-4 {
     padding-top: 30px !important; }
 
-  .pr-gutter-md-3 {
+  .pr-gutter-md-4 {
     padding-right: 30px !important; }
 
-  .pb-gutter-md-3 {
+  .pb-gutter-md-4 {
     padding-bottom: 30px !important; }
 
-  .pl-gutter-md-3 {
+  .pl-gutter-md-4 {
     padding-left: 30px !important; }
 
-  .px-gutter-md-3 {
+  .px-gutter-md-4 {
     padding-right: 30px !important;
     padding-left: 30px !important; }
 
-  .py-gutter-md-3 {
+  .py-gutter-md-4 {
     padding-top: 30px !important;
-    padding-bottom: 30px !important; } }
-@media (min-width: 992px) {
-  .m-gutter-lg {
+    padding-bottom: 30px !important; }
+
+  .m-gutter-md {
     margin: 30px !important; }
 
-  .mt-gutter-lg {
+  .mt-gutter-md {
     margin-top: 30px !important; }
 
-  .mr-gutter-lg {
+  .mr-gutter-md {
     margin-right: 30px !important; }
 
-  .mb-gutter-lg {
+  .mb-gutter-md {
     margin-bottom: 30px !important; }
 
-  .ml-gutter-lg {
+  .ml-gutter-md {
     margin-left: 30px !important; }
 
-  .mx-gutter-lg {
+  .mx-gutter-md {
     margin-right: 30px !important;
     margin-left: 30px !important; }
 
-  .my-gutter-lg {
+  .my-gutter-md {
     margin-top: 30px !important;
     margin-bottom: 30px !important; }
 
-  .p-gutter-lg {
+  .p-gutter-md {
     padding: 30px !important; }
 
-  .pt-gutter-lg {
+  .pt-gutter-md {
     padding-top: 30px !important; }
 
-  .pr-gutter-lg {
+  .pr-gutter-md {
     padding-right: 30px !important; }
 
-  .pb-gutter-lg {
+  .pb-gutter-md {
     padding-bottom: 30px !important; }
 
-  .pl-gutter-lg {
+  .pl-gutter-md {
     padding-left: 30px !important; }
 
-  .px-gutter-lg {
+  .px-gutter-md {
     padding-right: 30px !important;
     padding-left: 30px !important; }
 
-  .py-gutter-lg {
+  .py-gutter-md {
     padding-top: 30px !important;
-    padding-bottom: 30px !important; }
+    padding-bottom: 30px !important; } }
+@media (min-width: 992px) {
+  .m-gutter-lg-0 {
+    margin: 0 !important; }
 
+  .mt-gutter-lg-0 {
+    margin-top: 0 !important; }
+
+  .mr-gutter-lg-0 {
+    margin-right: 0 !important; }
+
+  .mb-gutter-lg-0 {
+    margin-bottom: 0 !important; }
+
+  .ml-gutter-lg-0 {
+    margin-left: 0 !important; }
+
+  .mx-gutter-lg-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important; }
+
+  .my-gutter-lg-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important; }
+
+  .p-gutter-lg-0 {
+    padding: 0 !important; }
+
+  .pt-gutter-lg-0 {
+    padding-top: 0 !important; }
+
+  .pr-gutter-lg-0 {
+    padding-right: 0 !important; }
+
+  .pb-gutter-lg-0 {
+    padding-bottom: 0 !important; }
+
+  .pl-gutter-lg-0 {
+    padding-left: 0 !important; }
+
+  .px-gutter-lg-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important; }
+
+  .py-gutter-lg-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important; }
+
   .m-gutter-lg-1 {
+    margin: 5px !important; }
+
+  .mt-gutter-lg-1 {
+    margin-top: 5px !important; }
+
+  .mr-gutter-lg-1 {
+    margin-right: 5px !important; }
+
+  .mb-gutter-lg-1 {
+    margin-bottom: 5px !important; }
+
+  .ml-gutter-lg-1 {
+    margin-left: 5px !important; }
+
+  .mx-gutter-lg-1 {
+    margin-right: 5px !important;
+    margin-left: 5px !important; }
+
+  .my-gutter-lg-1 {
+    margin-top: 5px !important;
+    margin-bottom: 5px !important; }
+
+  .p-gutter-lg-1 {
+    padding: 5px !important; }
+
+  .pt-gutter-lg-1 {
+    padding-top: 5px !important; }
+
+  .pr-gutter-lg-1 {
+    padding-right: 5px !important; }
+
+  .pb-gutter-lg-1 {
+    padding-bottom: 5px !important; }
+
+  .pl-gutter-lg-1 {
+    padding-left: 5px !important; }
+
+  .px-gutter-lg-1 {
+    padding-right: 5px !important;
+    padding-left: 5px !important; }
+
+  .py-gutter-lg-1 {
+    padding-top: 5px !important;
+    padding-bottom: 5px !important; }
+
+  .m-gutter-lg-2 {
     margin: 10px !important; }
 
-  .mt-gutter-lg-1 {
+  .mt-gutter-lg-2 {
     margin-top: 10px !important; }
 
-  .mr-gutter-lg-1 {
+  .mr-gutter-lg-2 {
     margin-right: 10px !important; }
 
-  .mb-gutter-lg-1 {
+  .mb-gutter-lg-2 {
     margin-bottom: 10px !important; }
 
-  .ml-gutter-lg-1 {
+  .ml-gutter-lg-2 {
     margin-left: 10px !important; }
 
-  .mx-gutter-lg-1 {
+  .mx-gutter-lg-2 {
     margin-right: 10px !important;
     margin-left: 10px !important; }
 
-  .my-gutter-lg-1 {
+  .my-gutter-lg-2 {
     margin-top: 10px !important;
     margin-bottom: 10px !important; }
 
-  .p-gutter-lg-1 {
+  .p-gutter-lg-2 {
     padding: 10px !important; }
 
-  .pt-gutter-lg-1 {
+  .pt-gutter-lg-2 {
     padding-top: 10px !important; }
 
-  .pr-gutter-lg-1 {
+  .pr-gutter-lg-2 {
     padding-right: 10px !important; }
 
-  .pb-gutter-lg-1 {
+  .pb-gutter-lg-2 {
     padding-bottom: 10px !important; }
 
-  .pl-gutter-lg-1 {
+  .pl-gutter-lg-2 {
     padding-left: 10px !important; }
 
-  .px-gutter-lg-1 {
+  .px-gutter-lg-2 {
     padding-right: 10px !important;
     padding-left: 10px !important; }
 
-  .py-gutter-lg-1 {
+  .py-gutter-lg-2 {
     padding-top: 10px !important;
     padding-bottom: 10px !important; }
 
-  .m-gutter-lg-2 {
+  .m-gutter-lg-3 {
     margin: 20px !important; }
 
-  .mt-gutter-lg-2 {
+  .mt-gutter-lg-3 {
     margin-top: 20px !important; }
 
-  .mr-gutter-lg-2 {
+  .mr-gutter-lg-3 {
     margin-right: 20px !important; }
 
-  .mb-gutter-lg-2 {
+  .mb-gutter-lg-3 {
     margin-bottom: 20px !important; }
 
-  .ml-gutter-lg-2 {
+  .ml-gutter-lg-3 {
     margin-left: 20px !important; }
 
-  .mx-gutter-lg-2 {
+  .mx-gutter-lg-3 {
     margin-right: 20px !important;
     margin-left: 20px !important; }
 
-  .my-gutter-lg-2 {
+  .my-gutter-lg-3 {
     margin-top: 20px !important;
     margin-bottom: 20px !important; }
 
-  .p-gutter-lg-2 {
+  .p-gutter-lg-3 {
     padding: 20px !important; }
 
-  .pt-gutter-lg-2 {
+  .pt-gutter-lg-3 {
     padding-top: 20px !important; }
 
-  .pr-gutter-lg-2 {
+  .pr-gutter-lg-3 {
     padding-right: 20px !important; }
 
-  .pb-gutter-lg-2 {
+  .pb-gutter-lg-3 {
     padding-bottom: 20px !important; }
 
-  .pl-gutter-lg-2 {
+  .pl-gutter-lg-3 {
     padding-left: 20px !important; }
 
-  .px-gutter-lg-2 {
+  .px-gutter-lg-3 {
     padding-right: 20px !important;
     padding-left: 20px !important; }
 
-  .py-gutter-lg-2 {
+  .py-gutter-lg-3 {
     padding-top: 20px !important;
     padding-bottom: 20px !important; }
 
-  .m-gutter-lg-3 {
+  .m-gutter-lg-4 {
     margin: 30px !important; }
 
-  .mt-gutter-lg-3 {
+  .mt-gutter-lg-4 {
     margin-top: 30px !important; }
 
-  .mr-gutter-lg-3 {
+  .mr-gutter-lg-4 {
     margin-right: 30px !important; }
 
-  .mb-gutter-lg-3 {
+  .mb-gutter-lg-4 {
     margin-bottom: 30px !important; }
 
-  .ml-gutter-lg-3 {
+  .ml-gutter-lg-4 {
     margin-left: 30px !important; }
 
-  .mx-gutter-lg-3 {
+  .mx-gutter-lg-4 {
     margin-right: 30px !important;
     margin-left: 30px !important; }
 
-  .my-gutter-lg-3 {
+  .my-gutter-lg-4 {
     margin-top: 30px !important;
     margin-bottom: 30px !important; }
 
-  .p-gutter-lg-3 {
+  .p-gutter-lg-4 {
     padding: 30px !important; }
 
-  .pt-gutter-lg-3 {
+  .pt-gutter-lg-4 {
     padding-top: 30px !important; }
 
-  .pr-gutter-lg-3 {
+  .pr-gutter-lg-4 {
     padding-right: 30px !important; }
 
-  .pb-gutter-lg-3 {
+  .pb-gutter-lg-4 {
     padding-bottom: 30px !important; }
 
-  .pl-gutter-lg-3 {
+  .pl-gutter-lg-4 {
     padding-left: 30px !important; }
 
-  .px-gutter-lg-3 {
+  .px-gutter-lg-4 {
     padding-right: 30px !important;
     padding-left: 30px !important; }
 
-  .py-gutter-lg-3 {
+  .py-gutter-lg-4 {
     padding-top: 30px !important;
-    padding-bottom: 30px !important; } }
-@media (min-width: 1200px) {
-  .m-gutter-xl {
+    padding-bottom: 30px !important; }
+
+  .m-gutter-lg {
     margin: 30px !important; }
 
-  .mt-gutter-xl {
+  .mt-gutter-lg {
     margin-top: 30px !important; }
 
-  .mr-gutter-xl {
+  .mr-gutter-lg {
     margin-right: 30px !important; }
 
-  .mb-gutter-xl {
+  .mb-gutter-lg {
     margin-bottom: 30px !important; }
 
-  .ml-gutter-xl {
+  .ml-gutter-lg {
     margin-left: 30px !important; }
 
-  .mx-gutter-xl {
+  .mx-gutter-lg {
     margin-right: 30px !important;
     margin-left: 30px !important; }
 
-  .my-gutter-xl {
+  .my-gutter-lg {
     margin-top: 30px !important;
     margin-bottom: 30px !important; }
 
-  .p-gutter-xl {
+  .p-gutter-lg {
     padding: 30px !important; }
 
-  .pt-gutter-xl {
+  .pt-gutter-lg {
     padding-top: 30px !important; }
 
-  .pr-gutter-xl {
+  .pr-gutter-lg {
     padding-right: 30px !important; }
 
-  .pb-gutter-xl {
+  .pb-gutter-lg {
     padding-bottom: 30px !important; }
 
-  .pl-gutter-xl {
+  .pl-gutter-lg {
     padding-left: 30px !important; }
 
-  .px-gutter-xl {
+  .px-gutter-lg {
     padding-right: 30px !important;
     padding-left: 30px !important; }
 
-  .py-gutter-xl {
+  .py-gutter-lg {
     padding-top: 30px !important;
-    padding-bottom: 30px !important; }
+    padding-bottom: 30px !important; } }
+@media (min-width: 1200px) {
+  .m-gutter-xl-0 {
+    margin: 0 !important; }
 
+  .mt-gutter-xl-0 {
+    margin-top: 0 !important; }
+
+  .mr-gutter-xl-0 {
+    margin-right: 0 !important; }
+
+  .mb-gutter-xl-0 {
+    margin-bottom: 0 !important; }
+
+  .ml-gutter-xl-0 {
+    margin-left: 0 !important; }
+
+  .mx-gutter-xl-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important; }
+
+  .my-gutter-xl-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important; }
+
+  .p-gutter-xl-0 {
+    padding: 0 !important; }
+
+  .pt-gutter-xl-0 {
+    padding-top: 0 !important; }
+
+  .pr-gutter-xl-0 {
+    padding-right: 0 !important; }
+
+  .pb-gutter-xl-0 {
+    padding-bottom: 0 !important; }
+
+  .pl-gutter-xl-0 {
+    padding-left: 0 !important; }
+
+  .px-gutter-xl-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important; }
+
+  .py-gutter-xl-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important; }
+
   .m-gutter-xl-1 {
+    margin: 5px !important; }
+
+  .mt-gutter-xl-1 {
+    margin-top: 5px !important; }
+
+  .mr-gutter-xl-1 {
+    margin-right: 5px !important; }
+
+  .mb-gutter-xl-1 {
+    margin-bottom: 5px !important; }
+
+  .ml-gutter-xl-1 {
+    margin-left: 5px !important; }
+
+  .mx-gutter-xl-1 {
+    margin-right: 5px !important;
+    margin-left: 5px !important; }
+
+  .my-gutter-xl-1 {
+    margin-top: 5px !important;
+    margin-bottom: 5px !important; }
+
+  .p-gutter-xl-1 {
+    padding: 5px !important; }
+
+  .pt-gutter-xl-1 {
+    padding-top: 5px !important; }
+
+  .pr-gutter-xl-1 {
+    padding-right: 5px !important; }
+
+  .pb-gutter-xl-1 {
+    padding-bottom: 5px !important; }
+
+  .pl-gutter-xl-1 {
+    padding-left: 5px !important; }
+
+  .px-gutter-xl-1 {
+    padding-right: 5px !important;
+    padding-left: 5px !important; }
+
+  .py-gutter-xl-1 {
+    padding-top: 5px !important;
+    padding-bottom: 5px !important; }
+
+  .m-gutter-xl-2 {
     margin: 10px !important; }
 
-  .mt-gutter-xl-1 {
+  .mt-gutter-xl-2 {
     margin-top: 10px !important; }
 
-  .mr-gutter-xl-1 {
+  .mr-gutter-xl-2 {
     margin-right: 10px !important; }
 
-  .mb-gutter-xl-1 {
+  .mb-gutter-xl-2 {
     margin-bottom: 10px !important; }
 
-  .ml-gutter-xl-1 {
+  .ml-gutter-xl-2 {
     margin-left: 10px !important; }
 
-  .mx-gutter-xl-1 {
+  .mx-gutter-xl-2 {
     margin-right: 10px !important;
     margin-left: 10px !important; }
 
-  .my-gutter-xl-1 {
+  .my-gutter-xl-2 {
     margin-top: 10px !important;
     margin-bottom: 10px !important; }
 
-  .p-gutter-xl-1 {
+  .p-gutter-xl-2 {
     padding: 10px !important; }
 
-  .pt-gutter-xl-1 {
+  .pt-gutter-xl-2 {
     padding-top: 10px !important; }
 
-  .pr-gutter-xl-1 {
+  .pr-gutter-xl-2 {
     padding-right: 10px !important; }
 
-  .pb-gutter-xl-1 {
+  .pb-gutter-xl-2 {
     padding-bottom: 10px !important; }
 
-  .pl-gutter-xl-1 {
+  .pl-gutter-xl-2 {
     padding-left: 10px !important; }
 
-  .px-gutter-xl-1 {
+  .px-gutter-xl-2 {
     padding-right: 10px !important;
     padding-left: 10px !important; }
 
-  .py-gutter-xl-1 {
+  .py-gutter-xl-2 {
     padding-top: 10px !important;
     padding-bottom: 10px !important; }
 
-  .m-gutter-xl-2 {
+  .m-gutter-xl-3 {
     margin: 20px !important; }
 
-  .mt-gutter-xl-2 {
+  .mt-gutter-xl-3 {
     margin-top: 20px !important; }
 
-  .mr-gutter-xl-2 {
+  .mr-gutter-xl-3 {
     margin-right: 20px !important; }
 
-  .mb-gutter-xl-2 {
+  .mb-gutter-xl-3 {
     margin-bottom: 20px !important; }
 
-  .ml-gutter-xl-2 {
+  .ml-gutter-xl-3 {
     margin-left: 20px !important; }
 
-  .mx-gutter-xl-2 {
+  .mx-gutter-xl-3 {
     margin-right: 20px !important;
     margin-left: 20px !important; }
 
-  .my-gutter-xl-2 {
+  .my-gutter-xl-3 {
     margin-top: 20px !important;
     margin-bottom: 20px !important; }
 
-  .p-gutter-xl-2 {
+  .p-gutter-xl-3 {
     padding: 20px !important; }
 
-  .pt-gutter-xl-2 {
+  .pt-gutter-xl-3 {
     padding-top: 20px !important; }
 
-  .pr-gutter-xl-2 {
+  .pr-gutter-xl-3 {
     padding-right: 20px !important; }
 
-  .pb-gutter-xl-2 {
+  .pb-gutter-xl-3 {
     padding-bottom: 20px !important; }
 
-  .pl-gutter-xl-2 {
+  .pl-gutter-xl-3 {
     padding-left: 20px !important; }
 
-  .px-gutter-xl-2 {
+  .px-gutter-xl-3 {
     padding-right: 20px !important;
     padding-left: 20px !important; }
 
-  .py-gutter-xl-2 {
+  .py-gutter-xl-3 {
     padding-top: 20px !important;
     padding-bottom: 20px !important; }
 
-  .m-gutter-xl-3 {
+  .m-gutter-xl-4 {
     margin: 30px !important; }
 
-  .mt-gutter-xl-3 {
+  .mt-gutter-xl-4 {
     margin-top: 30px !important; }
 
-  .mr-gutter-xl-3 {
+  .mr-gutter-xl-4 {
     margin-right: 30px !important; }
 
-  .mb-gutter-xl-3 {
+  .mb-gutter-xl-4 {
     margin-bottom: 30px !important; }
 
-  .ml-gutter-xl-3 {
+  .ml-gutter-xl-4 {
     margin-left: 30px !important; }
 
-  .mx-gutter-xl-3 {
+  .mx-gutter-xl-4 {
     margin-right: 30px !important;
     margin-left: 30px !important; }
 
-  .my-gutter-xl-3 {
+  .my-gutter-xl-4 {
     margin-top: 30px !important;
     margin-bottom: 30px !important; }
 
-  .p-gutter-xl-3 {
+  .p-gutter-xl-4 {
     padding: 30px !important; }
 
-  .pt-gutter-xl-3 {
+  .pt-gutter-xl-4 {
     padding-top: 30px !important; }
 
-  .pr-gutter-xl-3 {
+  .pr-gutter-xl-4 {
     padding-right: 30px !important; }
 
-  .pb-gutter-xl-3 {
+  .pb-gutter-xl-4 {
     padding-bottom: 30px !important; }
 
-  .pl-gutter-xl-3 {
+  .pl-gutter-xl-4 {
     padding-left: 30px !important; }
 
-  .px-gutter-xl-3 {
+  .px-gutter-xl-4 {
     padding-right: 30px !important;
     padding-left: 30px !important; }
 
-  .py-gutter-xl-3 {
+  .py-gutter-xl-4 {
     padding-top: 30px !important;
+    padding-bottom: 30px !important; }
+
+  .m-gutter-xl {
+    margin: 30px !important; }
+
+  .mt-gutter-xl {
+    margin-top: 30px !important; }
+
+  .mr-gutter-xl {
+    margin-right: 30px !important; }
+
+  .mb-gutter-xl {
+    margin-bottom: 30px !important; }
+
+  .ml-gutter-xl {
+    margin-left: 30px !important; }
+
+  .mx-gutter-xl {
+    margin-right: 30px !important;
+    margin-left: 30px !important; }
+
+  .my-gutter-xl {
+    margin-top: 30px !important;
+    margin-bottom: 30px !important; }
+
+  .p-gutter-xl {
+    padding: 30px !important; }
+
+  .pt-gutter-xl {
+    padding-top: 30px !important; }
+
+  .pr-gutter-xl {
+    padding-right: 30px !important; }
+
+  .pb-gutter-xl {
+    padding-bottom: 30px !important; }
+
+  .pl-gutter-xl {
+    padding-left: 30px !important; }
+
+  .px-gutter-xl {
+    padding-right: 30px !important;
+    padding-left: 30px !important; }
+
+  .py-gutter-xl {
+    padding-top: 30px !important;
     padding-bottom: 30px !important; } }

dist/css/postboot-grid.min.css

 /*!
- * PostBoot v1.0.0-rc4 (https://tarkhov.github.io/postboot/)
- * Copyright 2016-2019 Alexander Tarkhov
+ * PostBoot v1.0.0 (https://tarkhov.github.io/postboot/)
+ * Copyright 2016-2020 Alexander Tarkhov
  * Licensed under MIT
- */.row-1,.row-2{display:-ms-flexbox;-ms-flex-wrap:wrap}.pt-gutter,.py-gutter{padding-top:30px!important}@media (min-width:768px){.container-md{max-width:720px}}@media (min-width:992px){.container-md{max-width:960px}}@media (min-width:1200px){.container-md{max-width:1140px}}@media (min-width:992px){.container-lg{max-width:960px}}@media (min-width:1200px){.container-lg,.container-xl{max-width:1140px}.container-1{max-width:540px}}@media (min-width:992px){.container-1{max-width:540px}}@media (min-width:576px){.container-1,.container-2{max-width:540px}}@media (min-width:768px){.container-1{max-width:540px}.container-2{max-width:720px}}@media (min-width:992px){.container-2{max-width:720px}}@media (min-width:1200px){.container-2{max-width:720px}}@media (min-width:576px){.container-3{max-width:540px}}@media (min-width:768px){.container-3{max-width:720px}}@media (min-width:992px){.container-3{max-width:960px}}@media (min-width:1200px){.container-3{max-width:960px}.container-md-2{max-width:720px}}.row-1{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.row-1>.col,.row-1>[class*=col-]{padding-right:5px;padding-left:5px}.row-2{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.row-2>.col,.row-2>[class*=col-]{padding-right:10px;padding-left:10px}.row-3{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row-3>.col,.row-3>[class*=col-]{padding-right:15px;padding-left:15px}@media (min-width:576px){.row-sm-1,.row-sm-2{display:-ms-flexbox;-ms-flex-wrap:wrap}.row-sm-1{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.row-sm-1>.col,.row-sm-1>[class*=col-]{padding-right:5px;padding-left:5px}.row-sm-2{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.row-sm-2>.col,.row-sm-2>[class*=col-]{padding-right:10px;padding-left:10px}.row-sm-3{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row-sm-3>.col,.row-sm-3>[class*=col-]{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container-md-2{max-width:720px}.row-md-1,.row-md-2{-ms-flex-wrap:wrap}.row-md-1{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.row-md-1>.col,.row-md-1>[class*=col-]{padding-right:5px;padding-left:5px}.row-md-2{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.row-md-2>.col,.row-md-2>[class*=col-]{padding-right:10px;padding-left:10px}.row-md-3{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row-md-3>.col,.row-md-3>[class*=col-]{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container-md-2{max-width:720px}.container-lg-3{max-width:960px}.row-lg-1,.row-lg-2{-ms-flex-wrap:wrap}.row-lg-1{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.row-lg-1>.col,.row-lg-1>[class*=col-]{padding-right:5px;padding-left:5px}.row-lg-2{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.row-lg-2>.col,.row-lg-2>[class*=col-]{padding-right:10px;padding-left:10px}.row-lg-3{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row-lg-3>.col,.row-lg-3>[class*=col-]{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container-lg-3{max-width:960px}.row-xl-1,.row-xl-2{-ms-flex-wrap:wrap}.row-xl-1{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.row-xl-1>.col,.row-xl-1>[class*=col-]{padding-right:5px;padding-left:5px}.row-xl-2{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.row-xl-2>.col,.row-xl-2>[class*=col-]{padding-right:10px;padding-left:10px}.row-xl-3{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row-xl-3>.col,.row-xl-3>[class*=col-]{padding-right:15px;padding-left:15px}}.col-2-5,.col-lg-2-5,.col-md-2-5,.col-sm-2-5,.col-xl-2-5{position:relative;width:100%;padding-right:15px;padding-left:15px}.mr-gutter,.mx-gutter{margin-right:30px!important}.ml-gutter,.mx-gutter{margin-left:30px!important}.col-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.pr-gutter,.px-gutter{padding-right:30px!important}.pl-gutter,.px-gutter{padding-left:30px!important}.m-gutter{margin:30px!important}.mt-gutter{margin-top:30px!important}.mb-gutter{margin-bottom:30px!important}.mr-gutter-1,.mx-gutter-1{margin-right:10px!important}.ml-gutter-1,.mx-gutter-1{margin-left:10px!important}.my-gutter{margin-top:30px!important;margin-bottom:30px!important}.mt-gutter-1,.my-gutter-1{margin-top:10px!important}.mb-gutter-1,.my-gutter-1{margin-bottom:10px!important}.p-gutter{padding:30px!important}.pb-gutter{padding-bottom:30px!important}.pr-gutter-1,.px-gutter-1{padding-right:10px!important}.pl-gutter-1,.px-gutter-1{padding-left:10px!important}.py-gutter{padding-bottom:30px!important}.pt-gutter-1,.py-gutter-1{padding-top:10px!important}.pb-gutter-1,.py-gutter-1{padding-bottom:10px!important}.m-gutter-1{margin:10px!important}.ml-gutter-2,.mx-gutter-2{margin-left:20px!important}.mt-gutter-2,.my-gutter-2{margin-top:20px!important}.mb-gutter-2,.my-gutter-2{margin-bottom:20px!important}.p-gutter-1{padding:10px!important}.pl-gutter-2,.px-gutter-2{padding-left:20px!important}.pt-gutter-2,.py-gutter-2{padding-top:20px!important}.pb-gutter-2,.py-gutter-2{padding-bottom:20px!important}.m-gutter-2{margin:20px!important}.mr-gutter-2{margin-right:20px!important}.mx-gutter-2{margin-right:20px!important}.mr-gutter-3,.mx-gutter-3{margin-right:30px!important}.ml-gutter-3,.mx-gutter-3{margin-left:30px!important}.mt-gutter-3,.my-gutter-3{margin-top:30px!important}.mb-gutter-3,.my-gutter-3{margin-bottom:30px!important}.p-gutter-2{padding:20px!important}.pr-gutter-2{padding-right:20px!important}.px-gutter-2{padding-right:20px!important}.pr-gutter-3,.px-gutter-3{padding-right:30px!important}.pl-gutter-3,.px-gutter-3{padding-left:30px!important}.pt-gutter-3,.py-gutter-3{padding-top:30px!important}.pb-gutter-3,.py-gutter-3{padding-bottom:30px!important}.m-gutter-3{margin:30px!important}.p-gutter-3{padding:30px!important}@media (min-width:576px){.col-sm-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.mt-gutter-sm,.my-gutter-sm{margin-top:30px!important}.mr-gutter-sm,.mx-gutter-sm{margin-right:30px!important}.ml-gutter-sm,.mx-gutter-sm{margin-left:30px!important}.mb-gutter-sm,.my-gutter-sm{margin-bottom:30px!important}.pt-gutter-sm,.py-gutter-sm{padding-top:30px!important}.pr-gutter-sm,.px-gutter-sm{padding-right:30px!important}.pl-gutter-sm,.px-gutter-sm{padding-left:30px!important}.pb-gutter-sm,.py-gutter-sm{padding-bottom:30px!important}.m-gutter-sm{margin:30px!important}.mr-gutter-sm-1,.mx-gutter-sm-1{margin-right:10px!important}.ml-gutter-sm-1,.mx-gutter-sm-1{margin-left:10px!important}.mt-gutter-sm-1,.my-gutter-sm-1{margin-top:10px!important}.mb-gutter-sm-1,.my-gutter-sm-1{margin-bottom:10px!important}.p-gutter-sm{padding:30px!important}.pr-gutter-sm-1,.px-gutter-sm-1{padding-right:10px!important}.pl-gutter-sm-1,.px-gutter-sm-1{padding-left:10px!important}.pt-gutter-sm-1,.py-gutter-sm-1{padding-top:10px!important}.pb-gutter-sm-1,.py-gutter-sm-1{padding-bottom:10px!important}.m-gutter-sm-1{margin:10px!important}.ml-gutter-sm-2,.mx-gutter-sm-2{margin-left:20px!important}.mt-gutter-sm-2,.my-gutter-sm-2{margin-top:20px!important}.mb-gutter-sm-2,.my-gutter-sm-2{margin-bottom:20px!important}.p-gutter-sm-1{padding:10px!important}.pl-gutter-sm-2,.px-gutter-sm-2{padding-left:20px!important}.pt-gutter-sm-2,.py-gutter-sm-2{padding-top:20px!important}.pb-gutter-sm-2,.py-gutter-sm-2{padding-bottom:20px!important}.m-gutter-sm-2{margin:20px!important}.mr-gutter-sm-2,.mx-gutter-sm-2{margin-right:20px!important}.mr-gutter-sm-3,.mx-gutter-sm-3{margin-right:30px!important}.ml-gutter-sm-3,.mx-gutter-sm-3{margin-left:30px!important}.mt-gutter-sm-3,.my-gutter-sm-3{margin-top:30px!important}.mb-gutter-sm-3,.my-gutter-sm-3{margin-bottom:30px!important}.p-gutter-sm-2{padding:20px!important}.pr-gutter-sm-2,.px-gutter-sm-2{padding-right:20px!important}.pr-gutter-sm-3,.px-gutter-sm-3{padding-right:30px!important}.pl-gutter-sm-3,.px-gutter-sm-3{padding-left:30px!important}.pt-gutter-sm-3,.py-gutter-sm-3{padding-top:30px!important}.pb-gutter-sm-3,.py-gutter-sm-3{padding-bottom:30px!important}.m-gutter-sm-3{margin:30px!important}.p-gutter-sm-3{padding:30px!important}}@media (min-width:768px){.col-md-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.mt-gutter-md,.my-gutter-md{margin-top:30px!important}.mr-gutter-md,.mx-gutter-md{margin-right:30px!important}.ml-gutter-md,.mx-gutter-md{margin-left:30px!important}.mb-gutter-md,.my-gutter-md{margin-bottom:30px!important}.pt-gutter-md,.py-gutter-md{padding-top:30px!important}.pr-gutter-md,.px-gutter-md{padding-right:30px!important}.pl-gutter-md,.px-gutter-md{padding-left:30px!important}.pb-gutter-md,.py-gutter-md{padding-bottom:30px!important}.m-gutter-md{margin:30px!important}.mr-gutter-md-1,.mx-gutter-md-1{margin-right:10px!important}.ml-gutter-md-1,.mx-gutter-md-1{margin-left:10px!important}.mt-gutter-md-1,.my-gutter-md-1{margin-top:10px!important}.mb-gutter-md-1,.my-gutter-md-1{margin-bottom:10px!important}.p-gutter-md{padding:30px!important}.pr-gutter-md-1,.px-gutter-md-1{padding-right:10px!important}.pl-gutter-md-1,.px-gutter-md-1{padding-left:10px!important}.pt-gutter-md-1,.py-gutter-md-1{padding-top:10px!important}.pb-gutter-md-1,.py-gutter-md-1{padding-bottom:10px!important}.m-gutter-md-1{margin:10px!important}.ml-gutter-md-2,.mx-gutter-md-2{margin-left:20px!important}.mt-gutter-md-2,.my-gutter-md-2{margin-top:20px!important}.mb-gutter-md-2,.my-gutter-md-2{margin-bottom:20px!important}.p-gutter-md-1{padding:10px!important}.pl-gutter-md-2,.px-gutter-md-2{padding-left:20px!important}.pt-gutter-md-2,.py-gutter-md-2{padding-top:20px!important}.pb-gutter-md-2,.py-gutter-md-2{padding-bottom:20px!important}.m-gutter-md-2{margin:20px!important}.mr-gutter-md-2,.mx-gutter-md-2{margin-right:20px!important}.mr-gutter-md-3,.mx-gutter-md-3{margin-right:30px!important}.ml-gutter-md-3,.mx-gutter-md-3{margin-left:30px!important}.mt-gutter-md-3,.my-gutter-md-3{margin-top:30px!important}.mb-gutter-md-3,.my-gutter-md-3{margin-bottom:30px!important}.p-gutter-md-2{padding:20px!important}.pr-gutter-md-2,.px-gutter-md-2{padding-right:20px!important}.pr-gutter-md-3,.px-gutter-md-3{padding-right:30px!important}.pl-gutter-md-3,.px-gutter-md-3{padding-left:30px!important}.pt-gutter-md-3,.py-gutter-md-3{padding-top:30px!important}.pb-gutter-md-3,.py-gutter-md-3{padding-bottom:30px!important}.m-gutter-md-3{margin:30px!important}.p-gutter-md-3{padding:30px!important}}@media (min-width:992px){.col-lg-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.mt-gutter-lg,.my-gutter-lg{margin-top:30px!important}.mr-gutter-lg,.mx-gutter-lg{margin-right:30px!important}.ml-gutter-lg,.mx-gutter-lg{margin-left:30px!important}.mb-gutter-lg,.my-gutter-lg{margin-bottom:30px!important}.pt-gutter-lg,.py-gutter-lg{padding-top:30px!important}.pr-gutter-lg,.px-gutter-lg{padding-right:30px!important}.pl-gutter-lg,.px-gutter-lg{padding-left:30px!important}.pb-gutter-lg,.py-gutter-lg{padding-bottom:30px!important}.m-gutter-lg{margin:30px!important}.mr-gutter-lg-1,.mx-gutter-lg-1{margin-right:10px!important}.ml-gutter-lg-1,.mx-gutter-lg-1{margin-left:10px!important}.mt-gutter-lg-1,.my-gutter-lg-1{margin-top:10px!important}.mb-gutter-lg-1,.my-gutter-lg-1{margin-bottom:10px!important}.p-gutter-lg{padding:30px!important}.pr-gutter-lg-1,.px-gutter-lg-1{padding-right:10px!important}.pl-gutter-lg-1,.px-gutter-lg-1{padding-left:10px!important}.pt-gutter-lg-1,.py-gutter-lg-1{padding-top:10px!important}.pb-gutter-lg-1,.py-gutter-lg-1{padding-bottom:10px!important}.m-gutter-lg-1{margin:10px!important}.ml-gutter-lg-2,.mx-gutter-lg-2{margin-left:20px!important}.mt-gutter-lg-2,.my-gutter-lg-2{margin-top:20px!important}.mb-gutter-lg-2,.my-gutter-lg-2{margin-bottom:20px!important}.p-gutter-lg-1{padding:10px!important}.pl-gutter-lg-2,.px-gutter-lg-2{padding-left:20px!important}.pt-gutter-lg-2,.py-gutter-lg-2{padding-top:20px!important}.pb-gutter-lg-2,.py-gutter-lg-2{padding-bottom:20px!important}.m-gutter-lg-2{margin:20px!important}.mr-gutter-lg-2,.mx-gutter-lg-2{margin-right:20px!important}.mr-gutter-lg-3,.mx-gutter-lg-3{margin-right:30px!important}.ml-gutter-lg-3,.mx-gutter-lg-3{margin-left:30px!important}.mt-gutter-lg-3,.my-gutter-lg-3{margin-top:30px!important}.mb-gutter-lg-3,.my-gutter-lg-3{margin-bottom:30px!important}.p-gutter-lg-2{padding:20px!important}.pr-gutter-lg-2,.px-gutter-lg-2{padding-right:20px!important}.pr-gutter-lg-3,.px-gutter-lg-3{padding-right:30px!important}.pl-gutter-lg-3,.px-gutter-lg-3{padding-left:30px!important}.pt-gutter-lg-3,.py-gutter-lg-3{padding-top:30px!important}.pb-gutter-lg-3,.py-gutter-lg-3{padding-bottom:30px!important}.m-gutter-lg-3{margin:30px!important}.p-gutter-lg-3{padding:30px!important}}@media (min-width:1200px){.col-xl-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.mt-gutter-xl,.my-gutter-xl{margin-top:30px!important}.mr-gutter-xl,.mx-gutter-xl{margin-right:30px!important}.ml-gutter-xl,.mx-gutter-xl{margin-left:30px!important}.mb-gutter-xl,.my-gutter-xl{margin-bottom:30px!important}.pt-gutter-xl,.py-gutter-xl{padding-top:30px!important}.pr-gutter-xl,.px-gutter-xl{padding-right:30px!important}.pl-gutter-xl,.px-gutter-xl{padding-left:30px!important}.pb-gutter-xl,.py-gutter-xl{padding-bottom:30px!important}.m-gutter-xl{margin:30px!important}.mr-gutter-xl-1,.mx-gutter-xl-1{margin-right:10px!important}.ml-gutter-xl-1,.mx-gutter-xl-1{margin-left:10px!important}.mt-gutter-xl-1,.my-gutter-xl-1{margin-top:10px!important}.mb-gutter-xl-1,.my-gutter-xl-1{margin-bottom:10px!important}.p-gutter-xl{padding:30px!important}.pr-gutter-xl-1,.px-gutter-xl-1{padding-right:10px!important}.pl-gutter-xl-1,.px-gutter-xl-1{padding-left:10px!important}.pt-gutter-xl-1,.py-gutter-xl-1{padding-top:10px!important}.pb-gutter-xl-1,.py-gutter-xl-1{padding-bottom:10px!important}.m-gutter-xl-1{margin:10px!important}.ml-gutter-xl-2,.mx-gutter-xl-2{margin-left:20px!important}.mt-gutter-xl-2,.my-gutter-xl-2{margin-top:20px!important}.mb-gutter-xl-2,.my-gutter-xl-2{margin-bottom:20px!important}.p-gutter-xl-1{padding:10px!important}.pl-gutter-xl-2,.px-gutter-xl-2{padding-left:20px!important}.pt-gutter-xl-2,.py-gutter-xl-2{padding-top:20px!important}.pb-gutter-xl-2,.py-gutter-xl-2{padding-bottom:20px!important}.m-gutter-xl-2{margin:20px!important}.mr-gutter-xl-2,.mx-gutter-xl-2{margin-right:20px!important}.mr-gutter-xl-3,.mx-gutter-xl-3{margin-right:30px!important}.ml-gutter-xl-3,.mx-gutter-xl-3{margin-left:30px!important}.mt-gutter-xl-3,.my-gutter-xl-3{margin-top:30px!important}.mb-gutter-xl-3,.my-gutter-xl-3{margin-bottom:30px!important}.p-gutter-xl-2{padding:20px!important}.pr-gutter-xl-2,.px-gutter-xl-2{padding-right:20px!important}.pr-gutter-xl-3,.px-gutter-xl-3{padding-right:30px!important}.pl-gutter-xl-3,.px-gutter-xl-3{padding-left:30px!important}.pt-gutter-xl-3,.py-gutter-xl-3{padding-top:30px!important}.pb-gutter-xl-3,.py-gutter-xl-3{padding-bottom:30px!important}.m-gutter-xl-3{margin:30px!important}.p-gutter-xl-3{padding:30px!important}}
+ */.row-1,.row-2{display:-ms-flexbox;-ms-flex-wrap:wrap}.pb-gutter-0,.py-gutter-0{padding-bottom:0!important}.container-xxl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:1600px){.container-xxl{max-width:1570px}}@media (min-width:992px){.container-1{max-width:540px}}@media (min-width:1200px){.container-1{max-width:540px}}@media (min-width:576px){.container-1,.container-2{max-width:540px}}@media (min-width:768px){.container-1{max-width:540px}.container-2{max-width:720px}}@media (min-width:992px){.container-2{max-width:720px}}@media (min-width:1200px){.container-2{max-width:720px}}@media (min-width:576px){.container-3{max-width:540px}}@media (min-width:768px){.container-3{max-width:720px}}@media (min-width:992px){.container-3{max-width:960px}}@media (min-width:1200px){.container-3{max-width:960px}}@media (min-width:576px){.container-4{max-width:540px}}@media (min-width:768px){.container-4{max-width:720px}}@media (min-width:992px){.container-4{max-width:960px}}@media (min-width:1200px){.container-4{max-width:1140px}}.container-5{max-width:1570px}@media (min-width:576px){.container-5{max-width:540px}}@media (min-width:768px){.container-5{max-width:720px}}@media (min-width:992px){.container-5{max-width:960px}}@media (min-width:1200px){.container-5{max-width:1140px}.container-md-2{max-width:720px}}.row-1{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.row-1>.col,.row-1>[class*=col-]{padding-right:5px;padding-left:5px}.row-2{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.row-3,.row-4{display:-ms-flexbox;-ms-flex-wrap:wrap}.row-2>.col,.row-2>[class*=col-]{padding-right:10px;padding-left:10px}.row-3{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row-3>.col,.row-3>[class*=col-]{padding-right:15px;padding-left:15px}.row-4{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px}.row-4>.col,.row-4>[class*=col-]{padding-right:20px;padding-left:20px}.row-5{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-30px;margin-left:-30px}.row-5>.col,.row-5>[class*=col-]{padding-right:30px;padding-left:30px}@media (min-width:576px){.row-sm-1,.row-sm-2{display:-ms-flexbox;-ms-flex-wrap:wrap}.row-sm-1{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.row-sm-1>.col,.row-sm-1>[class*=col-]{padding-right:5px;padding-left:5px}.row-sm-2{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.row-sm-3,.row-sm-4{display:-ms-flexbox;-ms-flex-wrap:wrap}.row-sm-2>.col,.row-sm-2>[class*=col-]{padding-right:10px;padding-left:10px}.row-sm-3{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row-sm-3>.col,.row-sm-3>[class*=col-]{padding-right:15px;padding-left:15px}.row-sm-4{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px}.row-sm-4>.col,.row-sm-4>[class*=col-]{padding-right:20px;padding-left:20px}.row-sm-5{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-30px;margin-left:-30px}.row-sm-5>.col,.row-sm-5>[class*=col-]{padding-right:30px;padding-left:30px}}@media (min-width:768px){.container-md-2{max-width:720px}.row-md-1,.row-md-2{-ms-flex-wrap:wrap}.row-md-1{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.row-md-1>.col,.row-md-1>[class*=col-]{padding-right:5px;padding-left:5px}.row-md-2{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.row-md-3,.row-md-4{-ms-flex-wrap:wrap}.row-md-2>.col,.row-md-2>[class*=col-]{padding-right:10px;padding-left:10px}.row-md-3{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row-md-3>.col,.row-md-3>[class*=col-]{padding-right:15px;padding-left:15px}.row-md-4{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px}.row-md-4>.col,.row-md-4>[class*=col-]{padding-right:20px;padding-left:20px}.row-md-5{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-30px;margin-left:-30px}.row-md-5>.col,.row-md-5>[class*=col-]{padding-right:30px;padding-left:30px}}@media (min-width:992px){.container-md-2{max-width:720px}.container-lg-3{max-width:960px}.row-lg-1,.row-lg-2{-ms-flex-wrap:wrap}.row-lg-1{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.row-lg-1>.col,.row-lg-1>[class*=col-]{padding-right:5px;padding-left:5px}.row-lg-2{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.row-lg-3,.row-lg-4{-ms-flex-wrap:wrap}.row-lg-2>.col,.row-lg-2>[class*=col-]{padding-right:10px;padding-left:10px}.row-lg-3{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row-lg-3>.col,.row-lg-3>[class*=col-]{padding-right:15px;padding-left:15px}.row-lg-4{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px}.row-lg-4>.col,.row-lg-4>[class*=col-]{padding-right:20px;padding-left:20px}.row-lg-5{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-30px;margin-left:-30px}.row-lg-5>.col,.row-lg-5>[class*=col-]{padding-right:30px;padding-left:30px}}@media (min-width:1200px){.container-lg-3,.container-xl-4{max-width:960px}.row-xl-1,.row-xl-2{-ms-flex-wrap:wrap}.row-xl-1{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.row-xl-1>.col,.row-xl-1>[class*=col-]{padding-right:5px;padding-left:5px}.row-xl-2{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.row-xl-3,.row-xl-4{-ms-flex-wrap:wrap}.row-xl-2>.col,.row-xl-2>[class*=col-]{padding-right:10px;padding-left:10px}.row-xl-3{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row-xl-3>.col,.row-xl-3>[class*=col-]{padding-right:15px;padding-left:15px}.row-xl-4{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px}.row-xl-4>.col,.row-xl-4>[class*=col-]{padding-right:20px;padding-left:20px}.row-xl-5{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-30px;margin-left:-30px}.row-xl-5>.col,.row-xl-5>[class*=col-]{padding-right:30px;padding-left:30px}}.col-3xl,.col-3xl-1,.col-3xl-10,.col-3xl-11,.col-3xl-12,.col-3xl-2,.col-3xl-3,.col-3xl-4,.col-3xl-5,.col-3xl-6,.col-3xl-7,.col-3xl-8,.col-3xl-9,.col-3xl-auto,.col-4xl,.col-4xl-1,.col-4xl-10,.col-4xl-11,.col-4xl-12,.col-4xl-2,.col-4xl-3,.col-4xl-4,.col-4xl-5,.col-4xl-6,.col-4xl-7,.col-4xl-8,.col-4xl-9,.col-4xl-auto,.col-5xl,.col-5xl-1,.col-5xl-10,.col-5xl-11,.col-5xl-12,.col-5xl-2,.col-5xl-3,.col-5xl-4,.col-5xl-5,.col-5xl-6,.col-5xl-7,.col-5xl-8,.col-5xl-9,.col-5xl-auto,.col-6xl,.col-6xl-1,.col-6xl-10,.col-6xl-11,.col-6xl-12,.col-6xl-2,.col-6xl-3,.col-6xl-4,.col-6xl-5,.col-6xl-6,.col-6xl-7,.col-6xl-8,.col-6xl-9,.col-6xl-auto,.col-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width:1600px){.col-xxl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xxl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xxl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xxl-3>*{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-xxl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xxl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xxl-6>*{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xxl-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xxl-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xxl-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xxl-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xxl-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xxl-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xxl-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xxl-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xxl-first{-ms-flex-order:-1;order:-1}.order-xxl-last{-ms-flex-order:13;order:13}.order-xxl-0{-ms-flex-order:0;order:0}.order-xxl-1{-ms-flex-order:1;order:1}.order-xxl-2{-ms-flex-order:2;order:2}.order-xxl-3{-ms-flex-order:3;order:3}.order-xxl-4{-ms-flex-order:4;order:4}.order-xxl-5{-ms-flex-order:5;order:5}.order-xxl-6{-ms-flex-order:6;order:6}.order-xxl-7{-ms-flex-order:7;order:7}.order-xxl-8{-ms-flex-order:8;order:8}.order-xxl-9{-ms-flex-order:9;order:9}.order-xxl-10{-ms-flex-order:10;order:10}.order-xxl-11{-ms-flex-order:11;order:11}.order-xxl-12{-ms-flex-order:12;order:12}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.3333333333%}.offset-xxl-2{margin-left:16.6666666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.3333333333%}.offset-xxl-5{margin-left:41.6666666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.3333333333%}.offset-xxl-8{margin-left:66.6666666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.3333333333%}.offset-xxl-11{margin-left:91.6666666667%}}@media (min-width:1920px){.col-3xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-3xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-3xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3xl-3>*{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-3xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-3xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-3xl-6>*{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-3xl-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-3xl-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-3xl-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-3xl-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-3xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-3xl-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-3xl-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-3xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-3xl-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-3xl-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-3xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-3xl-first{-ms-flex-order:-1;order:-1}.order-3xl-last{-ms-flex-order:13;order:13}.order-3xl-0{-ms-flex-order:0;order:0}.order-3xl-1{-ms-flex-order:1;order:1}.order-3xl-2{-ms-flex-order:2;order:2}.order-3xl-3{-ms-flex-order:3;order:3}.order-3xl-4{-ms-flex-order:4;order:4}.order-3xl-5{-ms-flex-order:5;order:5}.order-3xl-6{-ms-flex-order:6;order:6}.order-3xl-7{-ms-flex-order:7;order:7}.order-3xl-8{-ms-flex-order:8;order:8}.order-3xl-9{-ms-flex-order:9;order:9}.order-3xl-10{-ms-flex-order:10;order:10}.order-3xl-11{-ms-flex-order:11;order:11}.order-3xl-12{-ms-flex-order:12;order:12}.offset-3xl-0{margin-left:0}.offset-3xl-1{margin-left:8.3333333333%}.offset-3xl-2{margin-left:16.6666666667%}.offset-3xl-3{margin-left:25%}.offset-3xl-4{margin-left:33.3333333333%}.offset-3xl-5{margin-left:41.6666666667%}.offset-3xl-6{margin-left:50%}.offset-3xl-7{margin-left:58.3333333333%}.offset-3xl-8{margin-left:66.6666666667%}.offset-3xl-9{margin-left:75%}.offset-3xl-10{margin-left:83.3333333333%}.offset-3xl-11{margin-left:91.6666666667%}}@media (min-width:3840px){.col-4xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-4xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-4xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-4xl-3>*{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-4xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-4xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-4xl-6>*{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-4xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-4xl-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-4xl-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-4xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4xl-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-4xl-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-4xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-4xl-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-4xl-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-4xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-4xl-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-4xl-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-4xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-4xl-first{-ms-flex-order:-1;order:-1}.order-4xl-last{-ms-flex-order:13;order:13}.order-4xl-0{-ms-flex-order:0;order:0}.order-4xl-1{-ms-flex-order:1;order:1}.order-4xl-2{-ms-flex-order:2;order:2}.order-4xl-3{-ms-flex-order:3;order:3}.order-4xl-4{-ms-flex-order:4;order:4}.order-4xl-5{-ms-flex-order:5;order:5}.order-4xl-6{-ms-flex-order:6;order:6}.order-4xl-7{-ms-flex-order:7;order:7}.order-4xl-8{-ms-flex-order:8;order:8}.order-4xl-9{-ms-flex-order:9;order:9}.order-4xl-10{-ms-flex-order:10;order:10}.order-4xl-11{-ms-flex-order:11;order:11}.order-4xl-12{-ms-flex-order:12;order:12}.offset-4xl-0{margin-left:0}.offset-4xl-1{margin-left:8.3333333333%}.offset-4xl-2{margin-left:16.6666666667%}.offset-4xl-3{margin-left:25%}.offset-4xl-4{margin-left:33.3333333333%}.offset-4xl-5{margin-left:41.6666666667%}.offset-4xl-6{margin-left:50%}.offset-4xl-7{margin-left:58.3333333333%}.offset-4xl-8{margin-left:66.6666666667%}.offset-4xl-9{margin-left:75%}.offset-4xl-10{margin-left:83.3333333333%}.offset-4xl-11{margin-left:91.6666666667%}}@media (min-width:5120px){.col-5xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-5xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-5xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-5xl-3>*{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-5xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-5xl-6>*{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-5xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-5xl-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-5xl-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-5xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-5xl-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5xl-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-5xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-5xl-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-5xl-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-5xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-5xl-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-5xl-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-5xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-5xl-first{-ms-flex-order:-1;order:-1}.order-5xl-last{-ms-flex-order:13;order:13}.order-5xl-0{-ms-flex-order:0;order:0}.order-5xl-1{-ms-flex-order:1;order:1}.order-5xl-2{-ms-flex-order:2;order:2}.order-5xl-3{-ms-flex-order:3;order:3}.order-5xl-4{-ms-flex-order:4;order:4}.order-5xl-5{-ms-flex-order:5;order:5}.order-5xl-6{-ms-flex-order:6;order:6}.order-5xl-7{-ms-flex-order:7;order:7}.order-5xl-8{-ms-flex-order:8;order:8}.order-5xl-9{-ms-flex-order:9;order:9}.order-5xl-10{-ms-flex-order:10;order:10}.order-5xl-11{-ms-flex-order:11;order:11}.order-5xl-12{-ms-flex-order:12;order:12}.offset-5xl-0{margin-left:0}.offset-5xl-1{margin-left:8.3333333333%}.offset-5xl-2{margin-left:16.6666666667%}.offset-5xl-3{margin-left:25%}.offset-5xl-4{margin-left:33.3333333333%}.offset-5xl-5{margin-left:41.6666666667%}.offset-5xl-6{margin-left:50%}.offset-5xl-7{margin-left:58.3333333333%}.offset-5xl-8{margin-left:66.6666666667%}.offset-5xl-9{margin-left:75%}.offset-5xl-10{margin-left:83.3333333333%}.offset-5xl-11{margin-left:91.6666666667%}}@media (min-width:7680px){.col-6xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-6xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-6xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-6xl-3>*{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-6xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-6xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6xl-6>*{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-6xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-6xl-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-6xl-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-6xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-6xl-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-6xl-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-6xl-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-6xl-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-6xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-6xl-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-6xl-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-6xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-6xl-first{-ms-flex-order:-1;order:-1}.order-6xl-last{-ms-flex-order:13;order:13}.order-6xl-0{-ms-flex-order:0;order:0}.order-6xl-1{-ms-flex-order:1;order:1}.order-6xl-2{-ms-flex-order:2;order:2}.order-6xl-3{-ms-flex-order:3;order:3}.order-6xl-4{-ms-flex-order:4;order:4}.order-6xl-5{-ms-flex-order:5;order:5}.order-6xl-6{-ms-flex-order:6;order:6}.order-6xl-7{-ms-flex-order:7;order:7}.order-6xl-8{-ms-flex-order:8;order:8}.order-6xl-9{-ms-flex-order:9;order:9}.order-6xl-10{-ms-flex-order:10;order:10}.order-6xl-11{-ms-flex-order:11;order:11}.order-6xl-12{-ms-flex-order:12;order:12}.offset-6xl-0{margin-left:0}.offset-6xl-1{margin-left:8.3333333333%}.offset-6xl-2{margin-left:16.6666666667%}.offset-6xl-3{margin-left:25%}.offset-6xl-4{margin-left:33.3333333333%}.offset-6xl-5{margin-left:41.6666666667%}.offset-6xl-6{margin-left:50%}.offset-6xl-7{margin-left:58.3333333333%}.offset-6xl-8{margin-left:66.6666666667%}.offset-6xl-9{margin-left:75%}.offset-6xl-10{margin-left:83.3333333333%}.offset-6xl-11{margin-left:91.6666666667%}}.col-2-5,.col-3xl-2-5,.col-4xl-2-5,.col-5xl-2-5,.col-6xl-2-5,.col-lg-2-5,.col-md-2-5,.col-sm-2-5,.col-xl-2-5,.col-xxl-2-5{position:relative;width:100%;padding-right:15px;padding-left:15px}.ml-gutter-0,.mx-gutter-0{margin-left:0!important}.col-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}@media (min-width:576px){.col-sm-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}@media (min-width:768px){.col-md-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}@media (min-width:992px){.col-lg-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}@media (min-width:1200px){.col-xl-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}@media (min-width:1600px){.col-xxl-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}@media (min-width:1920px){.col-3xl-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}@media (min-width:3840px){.col-4xl-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}@media (min-width:5120px){.col-5xl-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}.pr-gutter-0,.px-gutter-0{padding-right:0!important}.pl-gutter-0,.px-gutter-0{padding-left:0!important}@media (min-width:7680px){.col-6xl-2-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}.m-gutter-0{margin:0!important}.mt-gutter-0{margin-top:0!important}.mr-gutter-0{margin-right:0!important}.mb-gutter-0{margin-bottom:0!important}.mx-gutter-0{margin-right:0!important}.ml-gutter-1,.mx-gutter-1{margin-left:5px!important}.my-gutter-0{margin-top:0!important;margin-bottom:0!important}.mt-gutter-1,.my-gutter-1{margin-top:5px!important}.mb-gutter-1,.my-gutter-1{margin-bottom:5px!important}.p-gutter-0{padding:0!important}.pt-gutter-0{padding-top:0!important}.pl-gutter-1,.px-gutter-1{padding-left:5px!important}.py-gutter-0{padding-top:0!important}.pt-gutter-1,.py-gutter-1{padding-top:5px!important}.pb-gutter-1,.py-gutter-1{padding-bottom:5px!important}.m-gutter-1{margin:5px!important}.mr-gutter-1{margin-right:5px!important}.mx-gutter-1{margin-right:5px!important}.mr-gutter-2,.mx-gutter-2{margin-right:10px!important}.ml-gutter-2,.mx-gutter-2{margin-left:10px!important}.mt-gutter-2,.my-gutter-2{margin-top:10px!important}.mb-gutter-2,.my-gutter-2{margin-bottom:10px!important}.p-gutter-1{padding:5px!important}.pr-gutter-1{padding-right:5px!important}.px-gutter-1{padding-right:5px!important}.pr-gutter-2,.px-gutter-2{padding-right:10px!important}.pl-gutter-2,.px-gutter-2{padding-left:10px!important}.pt-gutter-2,.py-gutter-2{padding-top:10px!important}.pb-gutter-2,.py-gutter-2{padding-bottom:10px!important}.m-gutter-2{margin:10px!important}.ml-gutter-3,.mx-gutter-3{margin-left:20px!important}.mt-gutter-3,.my-gutter-3{margin-top:20px!important}.mb-gutter-3,.my-gutter-3{margin-bottom:20px!important}.p-gutter-2{padding:10px!important}.pl-gutter-3,.px-gutter-3{padding-left:20px!important}.pt-gutter-3,.py-gutter-3{padding-top:20px!important}.pb-gutter-3,.py-gutter-3{padding-bottom:20px!important}.m-gutter-3{margin:20px!important}.mr-gutter-3{margin-right:20px!important}.mx-gutter-3{margin-right:20px!important}.mr-gutter,.mr-gutter-4,.mx-gutter,.mx-gutter-4{margin-right:30px!important}.ml-gutter,.ml-gutter-4,.mx-gutter,.mx-gutter-4{margin-left:30px!important}.mt-gutter,.mt-gutter-4,.my-gutter,.my-gutter-4{margin-top:30px!important}.m-gutter,.m-gutter-4{margin:30px!important}.mb-gutter,.mb-gutter-4,.my-gutter,.my-gutter-4{margin-bottom:30px!important}.p-gutter-3{padding:20px!important}.pr-gutter-3{padding-right:20px!important}.px-gutter-3{padding-right:20px!important}.pr-gutter,.pr-gutter-4,.px-gutter,.px-gutter-4{padding-right:30px!important}.pl-gutter,.pl-gutter-4,.px-gutter,.px-gutter-4{padding-left:30px!important}.pt-gutter,.pt-gutter-4,.py-gutter,.py-gutter-4{padding-top:30px!important}.p-gutter,.p-gutter-4{padding:30px!important}.pb-gutter,.pb-gutter-4,.py-gutter,.py-gutter-4{padding-bottom:30px!important}@media (min-width:576px){.mr-gutter-sm-0,.mx-gutter-sm-0{margin-right:0!important}.ml-gutter-sm-0,.mx-gutter-sm-0{margin-left:0!important}.mt-gutter-sm-0,.my-gutter-sm-0{margin-top:0!important}.mb-gutter-sm-0,.my-gutter-sm-0{margin-bottom:0!important}.pr-gutter-sm-0,.px-gutter-sm-0{padding-right:0!important}.pl-gutter-sm-0,.px-gutter-sm-0{padding-left:0!important}.pt-gutter-sm-0,.py-gutter-sm-0{padding-top:0!important}.pb-gutter-sm-0,.py-gutter-sm-0{padding-bottom:0!important}.m-gutter-sm-0{margin:0!important}.ml-gutter-sm-1,.mx-gutter-sm-1{margin-left:5px!important}.mt-gutter-sm-1,.my-gutter-sm-1{margin-top:5px!important}.mb-gutter-sm-1,.my-gutter-sm-1{margin-bottom:5px!important}.p-gutter-sm-0{padding:0!important}.pl-gutter-sm-1,.px-gutter-sm-1{padding-left:5px!important}.pt-gutter-sm-1,.py-gutter-sm-1{padding-top:5px!important}.pb-gutter-sm-1,.py-gutter-sm-1{padding-bottom:5px!important}.m-gutter-sm-1{margin:5px!important}.mr-gutter-sm-1{margin-right:5px!important}.mx-gutter-sm-1{margin-right:5px!important}.mr-gutter-sm-2,.mx-gutter-sm-2{margin-right:10px!important}.ml-gutter-sm-2,.mx-gutter-sm-2{margin-left:10px!important}.mt-gutter-sm-2,.my-gutter-sm-2{margin-top:10px!important}.mb-gutter-sm-2,.my-gutter-sm-2{margin-bottom:10px!important}.p-gutter-sm-1{padding:5px!important}.pr-gutter-sm-1{padding-right:5px!important}.px-gutter-sm-1{padding-right:5px!important}.pr-gutter-sm-2,.px-gutter-sm-2{padding-right:10px!important}.pl-gutter-sm-2,.px-gutter-sm-2{padding-left:10px!important}.pt-gutter-sm-2,.py-gutter-sm-2{padding-top:10px!important}.pb-gutter-sm-2,.py-gutter-sm-2{padding-bottom:10px!important}.m-gutter-sm-2{margin:10px!important}.ml-gutter-sm-3,.mx-gutter-sm-3{margin-left:20px!important}.mt-gutter-sm-3,.my-gutter-sm-3{margin-top:20px!important}.mb-gutter-sm-3,.my-gutter-sm-3{margin-bottom:20px!important}.p-gutter-sm-2{padding:10px!important}.pl-gutter-sm-3,.px-gutter-sm-3{padding-left:20px!important}.pt-gutter-sm-3,.py-gutter-sm-3{padding-top:20px!important}.pb-gutter-sm-3,.py-gutter-sm-3{padding-bottom:20px!important}.m-gutter-sm-3{margin:20px!important}.mr-gutter-sm-3{margin-right:20px!important}.mx-gutter-sm-3{margin-right:20px!important}.mr-gutter-sm,.mr-gutter-sm-4,.mx-gutter-sm,.mx-gutter-sm-4{margin-right:30px!important}.ml-gutter-sm,.ml-gutter-sm-4,.mx-gutter-sm,.mx-gutter-sm-4{margin-left:30px!important}.mt-gutter-sm,.mt-gutter-sm-4,.my-gutter-sm,.my-gutter-sm-4{margin-top:30px!important}.m-gutter-sm,.m-gutter-sm-4{margin:30px!important}.mb-gutter-sm,.mb-gutter-sm-4,.my-gutter-sm,.my-gutter-sm-4{margin-bottom:30px!important}.p-gutter-sm-3{padding:20px!important}.pr-gutter-sm-3{padding-right:20px!important}.px-gutter-sm-3{padding-right:20px!important}.pr-gutter-sm,.pr-gutter-sm-4,.px-gutter-sm,.px-gutter-sm-4{padding-right:30px!important}.pl-gutter-sm,.pl-gutter-sm-4,.px-gutter-sm,.px-gutter-sm-4{padding-left:30px!important}.pt-gutter-sm,.pt-gutter-sm-4,.py-gutter-sm,.py-gutter-sm-4{padding-top:30px!important}.p-gutter-sm,.p-gutter-sm-4{padding:30px!important}.pb-gutter-sm,.pb-gutter-sm-4,.py-gutter-sm,.py-gutter-sm-4{padding-bottom:30px!important}}@media (min-width:768px){.mr-gutter-md-0,.mx-gutter-md-0{margin-right:0!important}.ml-gutter-md-0,.mx-gutter-md-0{margin-left:0!important}.mt-gutter-md-0,.my-gutter-md-0{margin-top:0!important}.mb-gutter-md-0,.my-gutter-md-0{margin-bottom:0!important}.pr-gutter-md-0,.px-gutter-md-0{padding-right:0!important}.pl-gutter-md-0,.px-gutter-md-0{padding-left:0!important}.pt-gutter-md-0,.py-gutter-md-0{padding-top:0!important}.pb-gutter-md-0,.py-gutter-md-0{padding-bottom:0!important}.m-gutter-md-0{margin:0!important}.ml-gutter-md-1,.mx-gutter-md-1{margin-left:5px!important}.mt-gutter-md-1,.my-gutter-md-1{margin-top:5px!important}.mb-gutter-md-1,.my-gutter-md-1{margin-bottom:5px!important}.p-gutter-md-0{padding:0!important}.pl-gutter-md-1,.px-gutter-md-1{padding-left:5px!important}.pt-gutter-md-1,.py-gutter-md-1{padding-top:5px!important}.pb-gutter-md-1,.py-gutter-md-1{padding-bottom:5px!important}.m-gutter-md-1{margin:5px!important}.mr-gutter-md-1{margin-right:5px!important}.mx-gutter-md-1{margin-right:5px!important}.mr-gutter-md-2,.mx-gutter-md-2{margin-right:10px!important}.ml-gutter-md-2,.mx-gutter-md-2{margin-left:10px!important}.mt-gutter-md-2,.my-gutter-md-2{margin-top:10px!important}.mb-gutter-md-2,.my-gutter-md-2{margin-bottom:10px!important}.p-gutter-md-1{padding:5px!important}.pr-gutter-md-1{padding-right:5px!important}.px-gutter-md-1{padding-right:5px!important}.pr-gutter-md-2,.px-gutter-md-2{padding-right:10px!important}.pl-gutter-md-2,.px-gutter-md-2{padding-left:10px!important}.pt-gutter-md-2,.py-gutter-md-2{padding-top:10px!important}.pb-gutter-md-2,.py-gutter-md-2{padding-bottom:10px!important}.m-gutter-md-2{margin:10px!important}.ml-gutter-md-3,.mx-gutter-md-3{margin-left:20px!important}.mt-gutter-md-3,.my-gutter-md-3{margin-top:20px!important}.mb-gutter-md-3,.my-gutter-md-3{margin-bottom:20px!important}.p-gutter-md-2{padding:10px!important}.pl-gutter-md-3,.px-gutter-md-3{padding-left:20px!important}.pt-gutter-md-3,.py-gutter-md-3{padding-top:20px!important}.pb-gutter-md-3,.py-gutter-md-3{padding-bottom:20px!important}.m-gutter-md-3{margin:20px!important}.mr-gutter-md-3{margin-right:20px!important}.mx-gutter-md-3{margin-right:20px!important}.mr-gutter-md,.mr-gutter-md-4,.mx-gutter-md,.mx-gutter-md-4{margin-right:30px!important}.ml-gutter-md,.ml-gutter-md-4,.mx-gutter-md,.mx-gutter-md-4{margin-left:30px!important}.mt-gutter-md,.mt-gutter-md-4,.my-gutter-md,.my-gutter-md-4{margin-top:30px!important}.m-gutter-md,.m-gutter-md-4{margin:30px!important}.mb-gutter-md,.mb-gutter-md-4,.my-gutter-md,.my-gutter-md-4{margin-bottom:30px!important}.p-gutter-md-3{padding:20px!important}.pr-gutter-md-3{padding-right:20px!important}.px-gutter-md-3{padding-right:20px!important}.pr-gutter-md,.pr-gutter-md-4,.px-gutter-md,.px-gutter-md-4{padding-right:30px!important}.pl-gutter-md,.pl-gutter-md-4,.px-gutter-md,.px-gutter-md-4{padding-left:30px!important}.pt-gutter-md,.pt-gutter-md-4,.py-gutter-md,.py-gutter-md-4{padding-top:30px!important}.p-gutter-md,.p-gutter-md-4{padding:30px!important}.pb-gutter-md,.pb-gutter-md-4,.py-gutter-md,.py-gutter-md-4{padding-bottom:30px!important}}@media (min-width:992px){.mr-gutter-lg-0,.mx-gutter-lg-0{margin-right:0!important}.ml-gutter-lg-0,.mx-gutter-lg-0{margin-left:0!important}.mt-gutter-lg-0,.my-gutter-lg-0{margin-top:0!important}.mb-gutter-lg-0,.my-gutter-lg-0{margin-bottom:0!important}.pr-gutter-lg-0,.px-gutter-lg-0{padding-right:0!important}.pl-gutter-lg-0,.px-gutter-lg-0{padding-left:0!important}.pt-gutter-lg-0,.py-gutter-lg-0{padding-top:0!important}.pb-gutter-lg-0,.py-gutter-lg-0{padding-bottom:0!important}.m-gutter-lg-0{margin:0!important}.ml-gutter-lg-1,.mx-gutter-lg-1{margin-left:5px!important}.mt-gutter-lg-1,.my-gutter-lg-1{margin-top:5px!important}.mb-gutter-lg-1,.my-gutter-lg-1{margin-bottom:5px!important}.p-gutter-lg-0{padding:0!important}.pl-gutter-lg-1,.px-gutter-lg-1{padding-left:5px!important}.pt-gutter-lg-1,.py-gutter-lg-1{padding-top:5px!important}.pb-gutter-lg-1,.py-gutter-lg-1{padding-bottom:5px!important}.m-gutter-lg-1{margin:5px!important}.mr-gutter-lg-1{margin-right:5px!important}.mx-gutter-lg-1{margin-right:5px!important}.mr-gutter-lg-2,.mx-gutter-lg-2{margin-right:10px!important}.ml-gutter-lg-2,.mx-gutter-lg-2{margin-left:10px!important}.mt-gutter-lg-2,.my-gutter-lg-2{margin-top:10px!important}.mb-gutter-lg-2,.my-gutter-lg-2{margin-bottom:10px!important}.p-gutter-lg-1{padding:5px!important}.pr-gutter-lg-1{padding-right:5px!important}.px-gutter-lg-1{padding-right:5px!important}.pr-gutter-lg-2,.px-gutter-lg-2{padding-right:10px!important}.pl-gutter-lg-2,.px-gutter-lg-2{padding-left:10px!important}.pt-gutter-lg-2,.py-gutter-lg-2{padding-top:10px!important}.pb-gutter-lg-2,.py-gutter-lg-2{padding-bottom:10px!important}.m-gutter-lg-2{margin:10px!important}.ml-gutter-lg-3,.mx-gutter-lg-3{margin-left:20px!important}.mt-gutter-lg-3,.my-gutter-lg-3{margin-top:20px!important}.mb-gutter-lg-3,.my-gutter-lg-3{margin-bottom:20px!important}.p-gutter-lg-2{padding:10px!important}.pl-gutter-lg-3,.px-gutter-lg-3{padding-left:20px!important}.pt-gutter-lg-3,.py-gutter-lg-3{padding-top:20px!important}.pb-gutter-lg-3,.py-gutter-lg-3{padding-bottom:20px!important}.m-gutter-lg-3{margin:20px!important}.mr-gutter-lg-3{margin-right:20px!important}.mx-gutter-lg-3{margin-right:20px!important}.mr-gutter-lg,.mr-gutter-lg-4,.mx-gutter-lg,.mx-gutter-lg-4{margin-right:30px!important}.ml-gutter-lg,.ml-gutter-lg-4,.mx-gutter-lg,.mx-gutter-lg-4{margin-left:30px!important}.mt-gutter-lg,.mt-gutter-lg-4,.my-gutter-lg,.my-gutter-lg-4{margin-top:30px!important}.m-gutter-lg,.m-gutter-lg-4{margin:30px!important}.mb-gutter-lg,.mb-gutter-lg-4,.my-gutter-lg,.my-gutter-lg-4{margin-bottom:30px!important}.p-gutter-lg-3{padding:20px!important}.pr-gutter-lg-3{padding-right:20px!important}.px-gutter-lg-3{padding-right:20px!important}.pr-gutter-lg,.pr-gutter-lg-4,.px-gutter-lg,.px-gutter-lg-4{padding-right:30px!important}.pl-gutter-lg,.pl-gutter-lg-4,.px-gutter-lg,.px-gutter-lg-4{padding-left:30px!important}.pt-gutter-lg,.pt-gutter-lg-4,.py-gutter-lg,.py-gutter-lg-4{padding-top:30px!important}.p-gutter-lg,.p-gutter-lg-4{padding:30px!important}.pb-gutter-lg,.pb-gutter-lg-4,.py-gutter-lg,.py-gutter-lg-4{padding-bottom:30px!important}}@media (min-width:1200px){.mr-gutter-xl-0,.mx-gutter-xl-0{margin-right:0!important}.ml-gutter-xl-0,.mx-gutter-xl-0{margin-left:0!important}.mt-gutter-xl-0,.my-gutter-xl-0{margin-top:0!important}.mb-gutter-xl-0,.my-gutter-xl-0{margin-bottom:0!important}.pr-gutter-xl-0,.px-gutter-xl-0{padding-right:0!important}.pl-gutter-xl-0,.px-gutter-xl-0{padding-left:0!important}.pt-gutter-xl-0,.py-gutter-xl-0{padding-top:0!important}.pb-gutter-xl-0,.py-gutter-xl-0{padding-bottom:0!important}.m-gutter-xl-0{margin:0!important}.ml-gutter-xl-1,.mx-gutter-xl-1{margin-left:5px!important}.mt-gutter-xl-1,.my-gutter-xl-1{margin-top:5px!important}.mb-gutter-xl-1,.my-gutter-xl-1{margin-bottom:5px!important}.p-gutter-xl-0{padding:0!important}.pl-gutter-xl-1,.px-gutter-xl-1{padding-left:5px!important}.pt-gutter-xl-1,.py-gutter-xl-1{padding-top:5px!important}.pb-gutter-xl-1,.py-gutter-xl-1{padding-bottom:5px!important}.m-gutter-xl-1{margin:5px!important}.mr-gutter-xl-1{margin-right:5px!important}.mx-gutter-xl-1{margin-right:5px!important}.mr-gutter-xl-2,.mx-gutter-xl-2{margin-right:10px!important}.ml-gutter-xl-2,.mx-gutter-xl-2{margin-left:10px!important}.mt-gutter-xl-2,.my-gutter-xl-2{margin-top:10px!important}.mb-gutter-xl-2,.my-gutter-xl-2{margin-bottom:10px!important}.p-gutter-xl-1{padding:5px!important}.pr-gutter-xl-1{padding-right:5px!important}.px-gutter-xl-1{padding-right:5px!important}.pr-gutter-xl-2,.px-gutter-xl-2{padding-right:10px!important}.pl-gutter-xl-2,.px-gutter-xl-2{padding-left:10px!important}.pt-gutter-xl-2,.py-gutter-xl-2{padding-top:10px!important}.pb-gutter-xl-2,.py-gutter-xl-2{padding-bottom:10px!important}.m-gutter-xl-2{margin:10px!important}.ml-gutter-xl-3,.mx-gutter-xl-3{margin-left:20px!important}.mt-gutter-xl-3,.my-gutter-xl-3{margin-top:20px!important}.mb-gutter-xl-3,.my-gutter-xl-3{margin-bottom:20px!important}.p-gutter-xl-2{padding:10px!important}.pl-gutter-xl-3,.px-gutter-xl-3{padding-left:20px!important}.pt-gutter-xl-3,.py-gutter-xl-3{padding-top:20px!important}.pb-gutter-xl-3,.py-gutter-xl-3{padding-bottom:20px!important}.m-gutter-xl-3{margin:20px!important}.mr-gutter-xl-3{margin-right:20px!important}.mx-gutter-xl-3{margin-right:20px!important}.mr-gutter-xl,.mr-gutter-xl-4,.mx-gutter-xl,.mx-gutter-xl-4{margin-right:30px!important}.ml-gutter-xl,.ml-gutter-xl-4,.mx-gutter-xl,.mx-gutter-xl-4{margin-left:30px!important}.mt-gutter-xl,.mt-gutter-xl-4,.my-gutter-xl,.my-gutter-xl-4{margin-top:30px!important}.m-gutter-xl,.m-gutter-xl-4{margin:30px!important}.mb-gutter-xl,.mb-gutter-xl-4,.my-gutter-xl,.my-gutter-xl-4{margin-bottom:30px!important}.p-gutter-xl-3{padding:20px!important}.pr-gutter-xl-3{padding-right:20px!important}.px-gutter-xl-3{padding-right:20px!important}.pr-gutter-xl,.pr-gutter-xl-4,.px-gutter-xl,.px-gutter-xl-4{padding-right:30px!important}.pl-gutter-xl,.pl-gutter-xl-4,.px-gutter-xl,.px-gutter-xl-4{padding-left:30px!important}.pt-gutter-xl,.pt-gutter-xl-4,.py-gutter-xl,.py-gutter-xl-4{padding-top:30px!important}.p-gutter-xl,.p-gutter-xl-4{padding:30px!important}.pb-gutter-xl,.pb-gutter-xl-4,.py-gutter-xl,.py-gutter-xl-4{padding-bottom:30px!important}}

dist/js/postboot.js

 /*!
- * PostBoot v1.0.0-rc4 (https://tarkhov.github.io/postboot/)
- * Copyright 2016-2019 Alexander Tarkhov
+ * PostBoot v1.0.0 (https://tarkhov.github.io/postboot/)
+ * Copyright 2016-2020 Alexander Tarkhov
  * Licensed under MIT
@@ -5,0 +5,0 @@ */

dist/js/postboot.min.js

@@ -0,1 +1,7 @@
+/*!
+ * PostBoot v1.0.0 (https://tarkhov.github.io/postboot/)
+ * Copyright 2016-2020 Alexander Tarkhov
+ * Licensed under MIT
+ */
+
 "ontouchstart"in document.documentElement||function(t){var n=".bs.dropdown-hover",o=".data-api",r={MOUSEENTER_DATA_API:"mouseenter"+n+o,MOUSELEAVE_DATA_API:"mouseleave"+n+o},a="show",e='[data-hover="dropdown"]',d=".dropdown-hover.show";t(document).on(r.MOUSEENTER_DATA_API,e,function(){var n=t(this),o=n.closest(d);o&&!o.hasClass(a)&&n.dropdown("toggle")}).on(r.MOUSELEAVE_DATA_API,d,function(){var n=t(this).children(e);n.length&&n.dropdown("toggle")})}(jQuery),function(n){var o={CLICK_DATA_API:"click.bs.dropdown-mega.data-api"};jQuery(document).on(o.CLICK_DATA_API,".dropdown-mega-menu",function(n){n.stopPropagation()})}(),function(d){var n={ACTIVATE:"activate.bs.scrollspy"},s="dropdown-item",i="nav-link",l="show",a='[data-spy="scroll"]',u=".dropdown-menu",A=".dropup, .dropright, .dropdown, .dropleft",h=".nav-item",c=".show";d(window).on(n.ACTIVATE,function(n,o){var t=o.relatedTarget,e='[href="'+t+'"], [data-target="'+t+'"]',r=d(a);if(!r.length)return!0;r.each(function(){var n=d(this).attr("data-target");if(!n)return!0;var o=d(n);if(!o.length)return!0;var t=o.find(e);if(!t.length)return!0;var r=o.find(c);r.length&&r.removeClass(l);var a=null;t.hasClass(s)?a=u+","+A:t.hasClass(i)&&(a=h),null!==a&&t.parentsUntil(n,a).addClass(l)})})}(jQuery);

Gruntfile.js

@@ -66,3 +66,4 @@ module.exports = function (grunt) {
           // 'node_modules/@fortawesome/fontawesome-free/js/all.min.js',
-          'dist/js/<%= pkg.name %>.min.js'
+          'dist/js/<%= pkg.name %>.min.js',
+          'docs/assets/js/main.js'
         ],
@@ -74,2 +75,5 @@ dest: 'docs/assets/js/app.js'
     uglify: {
+      options: {
+        banner: '<%= banner %>'
+      },
       dist: {
@@ -160,2 +164,3 @@ files: {
             extraColors: customColors,
+            customColors: customColors,
             pkg: pkg,
@@ -181,3 +186,5 @@ contents: require('./docs/assets/json/contents.json'),
           'docs/index.html': 'docs/assets/pug/index.pug',
-          'docs/v1/index.html': 'docs/assets/pug/index.pug'
+          'docs/content.html': 'docs/assets/pug/main.pug',
+          'docs/v1/index.html': 'docs/assets/pug/index.pug',
+          'docs/v1/content.html': 'docs/assets/pug/main.pug'
         }
@@ -184,0 +191,0 @@ }

package.json

 {
   "name": "postboot",
   "description": "Web app prototyping library based on Bootstrap framework.",
-  "version": "1.0.0-rc4",
+  "version": "1.0.0",
   "keywords": [
@@ -41,4 +41,4 @@ "bootstrap",
   "dependencies": {
-    "bootstrap": "^4.3.1"
+    "bootstrap": "^4.4.1"
   }
 }

README.md

@@ -21,3 +21,3 @@ # PostBoot
 ------- | -------
-Bootstrap | 4.3.1
+Bootstrap | 4.4.1
 
@@ -30,7 +30,7 @@ PostBoot does **not overwrite** any components of Bootstrap, but only extends most of them.
 
-[Download](https://github.com/tarkhov/postboot/releases/download/v1.0.0-rc4/postboot-1.0.0-rc4.zip) package and unpack it or use following commands:
+[Download](https://github.com/tarkhov/postboot/releases/download/v1.0.0/postboot-1.0.0.zip) package and unpack it or use following commands:
 
 ```bash
-wget -O https://github.com/tarkhov/postboot/releases/download/v1.0.0-rc4/postboot-1.0.0-rc4.zip
-unzip postboot-1.0.0-rc4.zip
+wget -O https://github.com/tarkhov/postboot/releases/download/v1.0.0/postboot-1.0.0.zip
+unzip postboot-1.0.0.zip
 ```
@@ -41,3 +41,3 @@
 ```bash
-npm install postboot@1.0.0-rc4
+npm install postboot@1.0.0
 ```
@@ -64,10 +64,10 @@
 <!-- CSS -->
-<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
-<link rel="stylesheet" href="https://cdn.rawgit.com/tarkhov/postboot/v1.0.0-rc4/dist/css/postboot.min.css">
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://cdn.rawgit.com/tarkhov/postboot/v1.0.0/dist/css/postboot.min.css">
 
 <!-- JS -->
-<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
-<script src="https://cdn.rawgit.com/tarkhov/postboot/v1.0.0-rc4/dist/js/postboot.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
+<script src="https://cdn.rawgit.com/tarkhov/postboot/v1.0.0/dist/js/postboot.min.js"></script>
 ```
@@ -82,3 +82,3 @@
 * [Medium](https://medium.com/@tarkhov)
-* [Product Hunt](https://www.producthunt.com/@tarkhov)
+* [LinkedIn](https://www.linkedin.com/in/tarkhov/)
 
@@ -85,0 +85,0 @@ ## License

src/scss/_border.scss

@@ -5,9 +5,8 @@ // Responsive
     @include media-breakpoint-up($breakpoint) {
-      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+      $infix: breakpoint-infix($breakpoint);
 
-      .border#{$infix}        { border: $border-width solid $border-color !important; }
-      .border#{$infix}-top    { border-top: $border-width solid $border-color !important; }
-      .border#{$infix}-right  { border-right: $border-width solid $border-color !important; }
-      .border#{$infix}-bottom { border-bottom: $border-width solid $border-color !important; }
-      .border#{$infix}-left   { border-left: $border-width solid $border-color !important; }
+      .border#{$infix} { border: $border-width solid $border-color !important; }
+      @each $position in $position-properties {
+        .border#{$infix}-#{$position} { border-#{$position}: $border-width solid $border-color !important; }
+      }
     }
@@ -88,3 +87,3 @@ }
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
@@ -108,1 +107,36 @@ @if $breakpoint != 'xs' {
 }
+
+// Rounded
+.rounded-top-pill {
+  border-top-left-radius: $rounded-pill !important;
+  border-top-right-radius: $rounded-pill !important;
+}
+.rounded-right-pill {
+  border-top-right-radius: $rounded-pill !important;
+  border-bottom-right-radius: $rounded-pill !important;
+}
+.rounded-bottom-pill {
+  border-bottom-right-radius: $rounded-pill !important;
+  border-bottom-left-radius: $rounded-pill !important;
+}
+.rounded-left-pill {
+  border-top-left-radius: $rounded-pill !important;
+  border-bottom-left-radius: $rounded-pill !important;
+}
+
+.rounded-top-0 {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+}
+.rounded-right-0 {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.rounded-bottom-0 {
+  border-bottom-right-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+.rounded-left-0 {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}

src/scss/_breadcrumb.scss

@@ -26,14 +26,10 @@ // Colors
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
-    .breadcrumb#{$infix}-1 {
-      @include breadcrumb-size($breadcrumb-padding-y-xs, $breadcrumb-padding-x-xs, $breadcrumb-font-size-xs, $breadcrumb-border-radius-xs, $breadcrumb-item-padding-xs);
+    @each $size, $breadcrumb in $breadcrumb-sizes {
+      .breadcrumb#{$infix}-#{$size} {
+        @include breadcrumb-size(map-get($breadcrumb, 'padding-y'), map-get($breadcrumb, 'padding-x'), map-get($breadcrumb, 'font-size'), map-get($breadcrumb, 'border-radius'), map-get($breadcrumb, 'item-padding'));
+      }
     }
-    .breadcrumb#{$infix}-2 {
-      @include breadcrumb-size($breadcrumb-padding-y-sm, $breadcrumb-padding-x-sm, $breadcrumb-font-size-sm, $breadcrumb-border-radius-sm, $breadcrumb-item-padding-sm);
-    }
-    .breadcrumb#{$infix}-3 {
-      @include breadcrumb-size($breadcrumb-padding-y, $breadcrumb-padding-x, $font-size-base, $breadcrumb-border-radius, $breadcrumb-item-padding);
-    }
   }
 }

src/scss/_button.scss

@@ -127,19 +127,9 @@ // Link
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
-    .btn#{$infix}-1 {
-      @include button-size($btn-padding-y-xs, $btn-padding-x-xs, $btn-font-size-xs, $btn-line-height-xs, $btn-border-radius-xs);
+    @each $size, $button in $button-sizes {
+      .btn#{$infix}-#{$size} {
+        @include button-size(map-get($button, 'padding-y'), map-get($button, 'padding-x'), map-get($button, 'font-size'), map-get($button, 'line-height'), map-get($button, 'border-radius'));
+      }
     }
-    .btn#{$infix}-2 {
-      @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
-    }
-    .btn#{$infix}-3 {
-      @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);
-    }
-    .btn#{$infix}-4 {
-      @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
-    }
-    .btn#{$infix}-5 {
-      @include button-size($btn-padding-y-xl, $btn-padding-x-xl, $btn-font-size-xl, $btn-line-height-xl, $btn-border-radius-xl);
-    }
   }
@@ -160,19 +150,9 @@ }
     @include media-breakpoint-up($breakpoint) {
-      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+      $infix: breakpoint-infix($breakpoint);
 
-      &.btn#{$infix}-1 {
-        @include button-circle-size($btn-font-size-xs);
+      @each $size, $button in $button-sizes {
+        &.btn#{$infix}-#{$size} {
+          @include button-circle-size(map-get($button, 'font-size'));
+        }
       }
-      &.btn#{$infix}-2 {
-        @include button-circle-size($btn-font-size-sm);
-      }
-      &.btn#{$infix}-3 {
-        @include button-circle-size($btn-font-size);
-      }
-      &.btn#{$infix}-4 {
-        @include button-circle-size($btn-font-size-lg);
-      }
-      &.btn#{$infix}-5 {
-        @include button-circle-size($btn-font-size-xl);
-      }
     }
@@ -190,3 +170,3 @@ }
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
@@ -193,0 +173,0 @@ .btn#{$infix}-block {

src/scss/_card.scss

 // Image position
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
@@ -35,13 +35,9 @@ .card-img#{$infix}-left {
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
-    .card#{$infix}-1 {
-      @include card-size($card-spacer-y-xs, $card-spacer-x-xs, $font-size-xs, $nav-link-padding-y-xs, $nav-link-padding-x-xs);
+    @each $size, $card in $card-sizes {
+      .card#{$infix}-#{$size} {
+        @include card-size(map-get($card, 'padding-y'), map-get($card, 'padding-x'), map-get($card, 'font-size'), map-get($card, 'link-padding-y'), map-get($card, 'link-padding-x'));
+      }
     }
-    .card#{$infix}-2 {
-      @include card-size($card-spacer-y-sm, $card-spacer-x-sm, $font-size-sm, $nav-link-padding-y-sm, $nav-link-padding-x-sm);
-    }
-    .card#{$infix}-3 {
-      @include card-size($card-spacer-y, $card-spacer-x, $font-size-base, $nav-link-padding-y, $nav-link-padding-x);
-    }
   }
@@ -48,0 +44,0 @@ }

src/scss/_dropdown.scss

@@ -169,14 +169,10 @@ // Position
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
-    .dropdown-menu#{$infix}-1 {
-      @include dropdown-menu-size($dropdown-padding-y-xs, $dropdown-item-padding-y-xs, $dropdown-item-padding-x-xs, $dropdown-font-size-xs);
+    @each $size, $dropdown-menu in $dropdown-menu-sizes {
+      .dropdown-menu#{$infix}-#{$size} {
+        @include dropdown-menu-size(map-get($dropdown-menu, 'padding-y'), map-get($dropdown-menu, 'item-padding-y'), map-get($dropdown-menu, 'item-padding-x'), map-get($dropdown-menu, 'font-size'));
+      }
     }
-    .dropdown-menu#{$infix}-2 {
-      @include dropdown-menu-size($dropdown-padding-y-sm, $dropdown-item-padding-y-sm, $dropdown-item-padding-x-sm, $dropdown-font-size-sm);
-    }
-    .dropdown-menu#{$infix}-3 {
-      @include dropdown-menu-size($dropdown-padding-y, $dropdown-item-padding-y, $dropdown-item-padding-x, $dropdown-font-size);
-    }
   }
 }

src/scss/_flex.scss

 // Flex center
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
@@ -6,0 +6,0 @@ .flex#{$infix}-center {

src/scss/_font.scss

 // Font sizes
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
@@ -15,3 +15,3 @@ @each $size, $value in $font-sizes {
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
@@ -18,0 +18,0 @@ @each $weight, $value in $font-weights {

src/scss/_form.scss

 // Input size
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
-    .input#{$infix}-1 {
-      @include input-size($input-height-xs, $input-padding-y-xs, $input-padding-x-xs, $input-font-size-xs, $input-line-height-xs, $input-border-radius-xs);
+    @each $size, $input in $input-sizes {
+      .input#{$infix}-#{$size} {
+        @include input-size(map-get($input, 'height'), map-get($input, 'padding-y'), map-get($input, 'padding-x'), map-get($input, 'font-size'), map-get($input, 'line-height'), map-get($input, 'border-radius'));
+      }
     }
-    .input#{$infix}-2 {
-      @include input-size($input-height-sm, $input-padding-y-sm, $input-padding-x-sm, $input-font-size-sm, $input-line-height-sm, $input-border-radius-sm);
-    }
-    .input#{$infix}-3 {
-      @include input-size($input-height, $input-padding-y, $input-padding-x, $input-font-size, $input-line-height, $input-border-radius);
-    }
-    .input#{$infix}-4 {
-      @include input-size($input-height-lg, $input-padding-y-lg, $input-padding-x-lg, $input-font-size-lg, $input-line-height-lg, $input-border-radius-lg);
-    }
   }
@@ -19,0 +12,0 @@ }

src/scss/_grid.scss

 // Container breakpoints
 @if $enable-grid-classes {
-  @each $breakpoint, $max-widths in $container-breakpoints {
+  @each $breakpoint, $container-max-width in $wide-container-max-widths {
     .container-#{$breakpoint} {
-      @include make-container-max-widths($max-widths);
+      @include make-container();
     }
+
+    @include media-breakpoint-up($breakpoint, $wide-grid-breakpoints) {
+      %responsive-container-#{$breakpoint} {
+        max-width: $container-max-width;
+      }
+
+      @each $name, $width in $wide-grid-breakpoints {
+        @if ($container-max-width > $width or $breakpoint == $name) {
+          .container#{breakpoint-infix($name, $wide-grid-breakpoints)} {
+            @extend %responsive-container-#{$breakpoint};
+          }
+        }
+      }
+    }
   }
@@ -21,64 +35,76 @@ }
   }
-
   .container-lg-3 {
     @include make-container-max-widths(map-remove(map-get($container-sizes, 3), sm, md));
   }
+  .container-xl-4 {
+    @include make-container-max-widths(map-remove(map-get($container-sizes, 3), sm, md, lg));
+  }
+  .container-xxl-5 {
+    @include make-container-max-widths(map-remove(map-get($container-sizes, 3), sm, md, lg, xl));
+  }
 }
 
 // Row sizes
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+@if $enable-grid-classes {
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    @include media-breakpoint-up($breakpoint) {
+      $infix: breakpoint-infix($breakpoint);
 
-    .row#{$infix}-1 {
-      @include row-size(3);
+      @each $size, $divider in $grid-row-sizes {
+        .row#{$infix}-#{$size} {
+          @include row-size($divider);
+        }
+      }
     }
-    .row#{$infix}-2 {
-      @include row-size(1.5);
-    }
-    .row#{$infix}-3 {
-      @include row-size(1);
-    }
   }
 }
 
+// Wide columns
+@if $enable-grid-classes {
+  @include make-grid-columns($grid-columns, $grid-gutter-width, $wide-grid-breakpoints);
+}
+
 // Column sizes
-@each $breakpoint in map-keys($grid-breakpoints) {
-  $infix: breakpoint-infix($breakpoint);
+@if $enable-grid-classes {
+  @each $breakpoint in map-keys($all-grid-breakpoints) {
+    $infix: breakpoint-infix($breakpoint, $all-grid-breakpoints);
 
-  .col#{$infix}-2-5 {
-    @include make-col-ready();
-  }
-
-  @include media-breakpoint-up($breakpoint) {
     .col#{$infix}-2-5 {
-      @include make-col(2.4);
+      @include make-col-ready();
     }
+
+    @include media-breakpoint-up($breakpoint, $all-grid-breakpoints) {
+      .col#{$infix}-2-5 {
+        @include make-col(2.4);
+      }
+    }
   }
 }
 
-// Margin and padding
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+// Gutter margin and padding
+@if $enable-grid-classes {
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    @include media-breakpoint-up($breakpoint) {
+      $infix: breakpoint-infix($breakpoint);
 
-    @each $size, $width in $grid-gutter-widths {
-      @if $size != '' {
-        $size: "-#{$size}";
-      }
+      @each $size, $width in $grid-gutter-widths {
+        @if $size != '' {
+          $size: "-#{$size}";
+        }
 
-      @each $prop, $abbrev in (margin: m, padding: p) {
-        .#{$abbrev}-gutter#{$infix}#{$size}  { #{$prop}:        $width !important; }
-        .#{$abbrev}t-gutter#{$infix}#{$size} { #{$prop}-top:    $width !important; }
-        .#{$abbrev}r-gutter#{$infix}#{$size} { #{$prop}-right:  $width !important; }
-        .#{$abbrev}b-gutter#{$infix}#{$size} { #{$prop}-bottom: $width !important; }
-        .#{$abbrev}l-gutter#{$infix}#{$size} { #{$prop}-left:   $width !important; }
-        .#{$abbrev}x-gutter#{$infix}#{$size} {
-          #{$prop}-right: $width !important;
-          #{$prop}-left:  $width !important;
+        @each $prop, $abbrev in (margin: m, padding: p) {
+          .#{$abbrev}-gutter#{$infix}#{$size}  { #{$prop}:        $width !important; }
+          .#{$abbrev}t-gutter#{$infix}#{$size} { #{$prop}-top:    $width !important; }
+          .#{$abbrev}r-gutter#{$infix}#{$size} { #{$prop}-right:  $width !important; }
+          .#{$abbrev}b-gutter#{$infix}#{$size} { #{$prop}-bottom: $width !important; }
+          .#{$abbrev}l-gutter#{$infix}#{$size} { #{$prop}-left:   $width !important; }
+          .#{$abbrev}x-gutter#{$infix}#{$size} {
+            #{$prop}-right: $width !important;
+            #{$prop}-left:  $width !important;
+          }
+          .#{$abbrev}y-gutter#{$infix}#{$size} {
+            #{$prop}-top:    $width !important;
+            #{$prop}-bottom: $width !important;
+          }
         }
-        .#{$abbrev}y-gutter#{$infix}#{$size} {
-          #{$prop}-top:    $width !important;
-          #{$prop}-bottom: $width !important;
-        }
       }
@@ -85,0 +111,0 @@ }

src/scss/_list-group.scss

@@ -13,80 +13,55 @@ // Striped
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
-    .list-group#{$infix}-1 {
-      @include list-group-size($list-group-item-padding-y-xs, $list-group-item-padding-x-xs, $font-size-xs);
+    @each $size, $list-group in $list-group-sizes {
+      .list-group#{$infix}-#{$size} {
+        @include list-group-size(map-get($list-group, 'padding-y'), map-get($list-group, 'padding-x'), map-get($list-group, 'font-size'));
+      }
+      .list-group-y#{$infix}-#{$size} {
+        @include list-group-size-y(map-get($list-group, 'padding-y'));
+      }
+      .list-group-x#{$infix}-#{$size} {
+        @include list-group-size-x(map-get($list-group, 'padding-x'));
+      }
+      .list-group-item#{$infix}-#{$size} {
+        @include list-group-item-size(map-get($list-group, 'padding-y'), map-get($list-group, 'padding-x'), map-get($list-group, 'font-size'));
+      }
+      .list-group-item-y#{$infix}-#{$size} {
+        @include list-group-item-size-y(map-get($list-group, 'padding-y'));
+      }
+      .list-group-item-x#{$infix}-#{$size} {
+        @include list-group-item-size-x(map-get($list-group, 'padding-x'));
+      }
     }
-    .list-group-y#{$infix}-1 {
-      @include list-group-size-y($list-group-item-padding-y-xs);
+  }
+}
+
+// Horizontal flush
+.list-group-horizontal-flush {
+  .list-group-item {
+    border-top: 0;
+    border-bottom: 0;
+    @include border-radius(0);
+
+    &:first-child {
+      border-left: 0;
     }
-    .list-group-x#{$infix}-1 {
-      @include list-group-size-x($list-group-item-padding-x-xs);
-    }
-    .list-group-item#{$infix}-1 {
-      @include list-group-item-size($list-group-item-padding-y-xs, $list-group-item-padding-x-xs, $font-size-xs);
-    }
-    .list-group-item-y#{$infix}-1 {
-      @include list-group-item-size-y($list-group-item-padding-y-xs);
-    }
-    .list-group-item-x#{$infix}-1 {
-      @include list-group-item-size-x($list-group-item-padding-x-xs);
-    }
 
-    .list-group#{$infix}-2 {
-      @include list-group-size($list-group-item-padding-y-sm, $list-group-item-padding-x-sm, $font-size-sm);
+    &:last-child {
+      margin-right: -$list-group-border-width;
     }
-    .list-group-y#{$infix}-2 {
-      @include list-group-size-y($list-group-item-padding-y-sm);
-    }
-    .list-group-x#{$infix}-2 {
-      @include list-group-size-x($list-group-item-padding-x-sm);
-    }
-    .list-group-item#{$infix}-2 {
-      @include list-group-item-size($list-group-item-padding-y-sm, $list-group-item-padding-x-sm, $font-size-sm);
-    }
-    .list-group-item-y#{$infix}-2 {
-      @include list-group-item-size-y($list-group-item-padding-y-sm);
-    }
-    .list-group-item-x#{$infix}-2 {
-      @include list-group-item-size-x($list-group-item-padding-x-sm);
-    }
+  }
 
-    .list-group#{$infix}-3 {
-      @include list-group-size($list-group-item-padding-y, $list-group-item-padding-x, $font-size-base);
+  &:first-child {
+    .list-group-item:first-child {
+      border-left: 0;
     }
-    .list-group-y#{$infix}-3 {
-      @include list-group-size-y($list-group-item-padding-y);
-    }
-    .list-group-x#{$infix}-3 {
-      @include list-group-size-x($list-group-item-padding-x);
-    }
-    .list-group-item#{$infix}-3 {
-      @include list-group-item-size($list-group-item-padding-y, $list-group-item-padding-x, $font-size-base);
-    }
-    .list-group-item-y#{$infix}-3 {
-      @include list-group-item-size-y($list-group-item-padding-y);
-    }
-    .list-group-item-x#{$infix}-3 {
-      @include list-group-item-size-x($list-group-item-padding-x);
-    }
+  }
 
-    .list-group#{$infix}-4 {
-      @include list-group-size($list-group-item-padding-y-lg, $list-group-item-padding-x-lg, $font-size-lg);
+  &:last-child {
+    .list-group-item:last-child {
+      margin-right: 0;
+      border-right: 0;
     }
-    .list-group-y#{$infix}-4 {
-      @include list-group-size-y($list-group-item-padding-y-lg);
-    }
-    .list-group-x#{$infix}-4 {
-      @include list-group-size-x($list-group-item-padding-x-lg);
-    }
-    .list-group-item#{$infix}-4 {
-      @include list-group-item-size($list-group-item-padding-y-lg, $list-group-item-padding-x-lg, $font-size-lg);
-    }
-    .list-group-item-y#{$infix}-4 {
-      @include list-group-item-size-y($list-group-item-padding-y-lg);
-    }
-    .list-group-item-x#{$infix}-4 {
-      @include list-group-item-size-x($list-group-item-padding-x-lg);
-    }
   }
 }

src/scss/_mixins.scss

@@ -12,3 +12,2 @@ @import "mixins/breadcrumb";
 @import "mixins/sidebar";
-@import "mixins/text";
 @import "mixins/tribar";

src/scss/_nav.scss

@@ -22,3 +22,3 @@ // Active link
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
@@ -143,3 +143,3 @@ .nav-tabs#{$infix}-right,
     @include media-breakpoint-up($breakpoint) {
-      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+      $infix: breakpoint-infix($breakpoint);
 
@@ -203,50 +203,17 @@ &.nav-tabs#{$infix}-left {
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
-    .nav-y#{$infix}-0 {
-      @include nav-size-y(0);
+    @each $size, $nav in $nav-sizes {
+      @if $size != 0 {
+        .nav#{$infix}-#{$size} {
+          @include nav-size(map-get($nav, 'link-padding-y'), map-get($nav, 'link-padding-x'), map-get($nav, 'font-size'));
+        }
+      }
+      .nav-y#{$infix}-#{$size} {
+        @include nav-size-y(map-get($nav, 'link-padding-y'));
+      }
+      .nav-x#{$infix}-#{$size} {
+        @include nav-size-x(map-get($nav, 'link-padding-x'));
+      }
     }
-    .nav-x#{$infix}-0 {
-      @include nav-size-x(0);
-    }
-
-    .nav#{$infix}-1 {
-      @include nav-size($nav-link-padding-y-xs, $nav-link-padding-x-xs, $font-size-xs);
-    }
-    .nav-y#{$infix}-1 {
-      @include nav-size-y($nav-link-padding-y-xs);
-    }
-    .nav-x#{$infix}-1 {
-      @include nav-size-x($nav-link-padding-x-xs);
-    }
-
-    .nav#{$infix}-2 {
-      @include nav-size($nav-link-padding-y-sm, $nav-link-padding-x-sm, $font-size-sm);
-    }
-    .nav-y#{$infix}-2 {
-      @include nav-size-y($nav-link-padding-y-sm);
-    }
-    .nav-x#{$infix}-2 {
-      @include nav-size-x($nav-link-padding-x-sm);
-    }
-
-    .nav#{$infix}-3 {
-      @include nav-size($nav-link-padding-y, $nav-link-padding-x, $font-size-base);
-    }
-    .nav-y#{$infix}-3 {
-      @include nav-size-y($nav-link-padding-y);
-    }
-    .nav-x#{$infix}-3 {
-      @include nav-size-x($nav-link-padding-x);
-    }
-
-    .nav#{$infix}-4 {
-      @include nav-size($nav-link-padding-y-lg, $nav-link-padding-x-lg, $font-size-lg);
-    }
-    .nav-y#{$infix}-4 {
-      @include nav-size-y($nav-link-padding-y-lg);
-    }
-    .nav-x#{$infix}-4 {
-      @include nav-size-x($nav-link-padding-x-lg);
-    }
   }
@@ -253,0 +220,0 @@ }

src/scss/_navbar.scss

@@ -100,17 +100,9 @@ // Triple bar
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
-    .navbar#{$infix}-1 {
-      @include navbar-size($navbar-padding-y-xs, $font-size-xs, $font-size-sm, $navbar-brand-padding-y-xs, $navbar-nav-link-padding-y-xs, $navbar-nav-height-xs);
+    @each $size, $navbar in $navbar-sizes {
+      .navbar#{$infix}-#{$size} {
+        @include navbar-size(map-get($navbar, 'padding-y'), map-get($navbar, 'font-size'), map-get($navbar, 'brand-font-size'), map-get($navbar, 'brand-padding-y'), map-get($navbar, 'nav-link-padding-y'), map-get($navbar, 'nav-height'));
+      }
     }
-
-    .navbar#{$infix}-2 {
-      @include navbar-size($navbar-padding-y-sm, $font-size-sm, $font-size-base, $navbar-brand-padding-y-sm, $navbar-nav-link-padding-y-sm, $navbar-nav-height-sm);
-    }
-    .navbar#{$infix}-3 {
-      @include navbar-size($navbar-padding-y, $font-size-base, $font-size-lg, $navbar-brand-padding-y, $navbar-nav-link-padding-y, $navbar-nav-height);
-    }
-    .navbar#{$infix}-4 {
-      @include navbar-size($navbar-padding-y-lg, $font-size-lg, $font-size-xl, $navbar-brand-padding-y-lg, $navbar-nav-link-padding-y-lg, $navbar-nav-height-lg);
-    }
   }
@@ -122,50 +114,18 @@ }
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
-    .navbar-nav-y#{$infix}-0 {
-      @include navbar-nav-size-y(0);
-    }
-    .navbar-nav-x#{$infix}-0 {
-      @include navbar-nav-size-x(0);
-    }
+    @each $size, $nav in $navbar-nav-sizes {
+      @if $size != 0 {
+        .navbar-nav#{$infix}-#{$size} {
+          @include navbar-nav-size(map-get($nav, 'link-padding-y'), map-get($nav, 'link-padding-x'), map-get($nav, 'font-size'));
+        }
+      }
 
-    .navbar-nav#{$infix}-1 {
-      @include navbar-nav-size($navbar-nav-link-padding-y-xs, $navbar-nav-link-padding-x-xs, $font-size-xs);
+      .navbar-nav-y#{$infix}-#{$size} {
+        @include navbar-nav-size-y(map-get($nav, 'link-padding-y'));
+      }
+      .navbar-nav-x#{$infix}-#{$size} {
+        @include navbar-nav-size-x(map-get($nav, 'link-padding-x'));
+      }
     }
-    .navbar-nav-y#{$infix}-1 {
-      @include navbar-nav-size-y($navbar-nav-link-padding-y-xs);
-    }
-    .navbar-nav-x#{$infix}-1 {
-      @include navbar-nav-size-x($navbar-nav-link-padding-x-xs);
-    }
-
-    .navbar-nav#{$infix}-2 {
-      @include navbar-nav-size($navbar-nav-link-padding-y-sm, $navbar-nav-link-padding-x-sm, $font-size-sm);
-    }
-    .navbar-nav-y#{$infix}-2 {
-      @include navbar-nav-size-y($navbar-nav-link-padding-y-sm);
-    }
-    .navbar-nav-x#{$infix}-2 {
-      @include navbar-nav-size-x($navbar-nav-link-padding-x-sm);
-    }
-
-    .navbar-nav#{$infix}-3 {
-      @include navbar-nav-size($navbar-nav-link-padding-y, $navbar-nav-link-padding-x, $font-size-base);
-    }
-    .navbar-nav-y#{$infix}-3 {
-      @include navbar-nav-size-y($navbar-nav-link-padding-y);
-    }
-    .navbar-nav-x#{$infix}-3 {
-      @include navbar-nav-size-x($navbar-nav-link-padding-x);
-    }
-
-    .navbar-nav#{$infix}-4 {
-      @include navbar-nav-size($navbar-nav-link-padding-y-lg, $navbar-nav-link-padding-x-lg, $font-size-lg);
-    }
-    .navbar-nav-y#{$infix}-4 {
-      @include navbar-nav-size-y($navbar-nav-link-padding-y-lg);
-    }
-    .navbar-nav-x#{$infix}-4 {
-      @include navbar-nav-size-x($navbar-nav-link-padding-x-lg);
-    }
   }
@@ -177,59 +137,21 @@ }
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
-    .py-navbar#{$infix} {
-      padding-top: $navbar-height;
-      padding-bottom: $navbar-height;
-    }
-    .pt-navbar#{$infix} {
-      padding-top: $navbar-height;
-    }
-    .pb-navbar#{$infix} {
-      padding-bottom: $navbar-height;
-    }
+    @each $size, $height in $navbar-heights {
+      @if $size != '' {
+        $size: "-#{$size}";
+      }
 
-    .py-navbar#{$infix}-1 {
-      padding-top: $navbar-height-xs;
-      padding-bottom: $navbar-height-xs;
+      .py-navbar#{$infix}#{$size} {
+        padding-top: $height !important;
+        padding-bottom: $height !important;
+      }
+      .pt-navbar#{$infix}#{$size} {
+        padding-top: $height !important;
+      }
+      .pb-navbar#{$infix}#{$size} {
+        padding-bottom: $height !important;
+      }
     }
-    .pt-navbar#{$infix}-1 {
-      padding-top: $navbar-height-xs;
-    }
-    .pb-navbar#{$infix}-1 {
-      padding-bottom: $navbar-height-xs;
-    }
-
-    .py-navbar#{$infix}-2 {
-      padding-top: $navbar-height-sm;
-      padding-bottom: $navbar-height-sm;
-    }
-    .pt-navbar#{$infix}-2 {
-      padding-top: $navbar-height-sm;
-    }
-    .pb-navbar#{$infix}-2 {
-      padding-bottom: $navbar-height-sm;
-    }
-
-    .py-navbar#{$infix}-3 {
-      padding-top: $navbar-height;
-      padding-bottom: $navbar-height;
-    }
-    .pt-navbar#{$infix}-3 {
-      padding-top: $navbar-height;
-    }
-    .pb-navbar#{$infix}-3 {
-      padding-bottom: $navbar-height;
-    }
-
-    .py-navbar#{$infix}-4 {
-      padding-top: $navbar-height-lg;
-      padding-bottom: $navbar-height-lg;
-    }
-    .pt-navbar#{$infix}-4 {
-      padding-top: $navbar-height-lg;
-    }
-    .pb-navbar#{$infix}-4 {
-      padding-bottom: $navbar-height-lg;
-    }
   }
 }

src/scss/_pagination.scss

 // Sizes
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
-    .pagination#{$infix}-1 {
-      @include pagination-size($pagination-padding-y-xs, $pagination-padding-x-xs, $font-size-xs, $line-height-xs, $border-radius-xs);
+    @each $size, $pagination in $pagination-sizes {
+      .pagination#{$infix}-#{$size} {
+        @include pagination-size(map-get($pagination, 'padding-y'), map-get($pagination, 'padding-x'), map-get($pagination, 'font-size'), map-get($pagination, 'line-height'), map-get($pagination, 'border-radius'));
+      }
     }
-    .pagination#{$infix}-2 {
-      @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
-    }
-    .pagination#{$infix}-3 {
-      @include pagination-size($pagination-padding-y, $pagination-padding-x, $font-size-base, $line-height-base, $border-radius);
-    }
-    .pagination#{$infix}-4 {
-      @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
-    }
   }
 }

src/scss/_position.scss

 // Spacing
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
@@ -6,0 +6,0 @@ @each $position in $position-properties {

src/scss/_progress.scss

 // Sizes
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint);
 
-    .progress#{$infix}-1 {
-      @include progress-size($progress-height-xs, $progress-font-size-xs);
+    @each $size, $progress in $progress-sizes {
+      .progress#{$infix}-#{$size} {
+        @include progress-size(map-get($progress, 'height'), map-get($progress, 'font-size'));
+      }
     }
-    .progress#{$infix}-2 {
-      @include progress-size($progress-height, $progress-font-size);
-    }
-    .progress#{$infix}-3 {
-      @include progress-size($progress-height-md, $progress-font-size-md);
-    }
-    .progress#{$infix}-4 {
-      @include progress-size($progress-height-lg, $progress-font-size-lg);
-    }
-    .progress#{$infix}-5 {
-      @include progress-size($progress-height-xl, $progress-font-size-xl);
-    }
   }
 }

src/scss/_sidebar.scss

@@ -57,4 +57,4 @@ .sidebar {
   @each $breakpoint in map-keys($grid-breakpoints) {
-    $next: breakpoint-next($breakpoint, $grid-breakpoints);
-    $infix: breakpoint-infix($next, $grid-breakpoints);
+    $next: breakpoint-next($breakpoint);
+    $infix: breakpoint-infix($next);
 
@@ -75,4 +75,4 @@ &#{$infix} {
   @each $breakpoint in map-keys($grid-breakpoints) {
-    $next: breakpoint-next($breakpoint, $grid-breakpoints);
-    $infix: breakpoint-infix($next, $grid-breakpoints);
+    $next: breakpoint-next($breakpoint);
+    $infix: breakpoint-infix($next);
 
@@ -105,2 +105,8 @@ &#{$infix} {
   }
+  .sidebar-modal-right.fade & {
+    transform: $sidebar-modal-right-fade-transform;
+  }
+  .sidebar-modal-right & {
+    float: right;
+  }
   .sidebar-modal.show & {
@@ -111,3 +117,3 @@ transform: $modal-show-transform;
   @include media-breakpoint-up(sm) {
-    max-width: 250px;
+    width: 250px;
   }
@@ -121,2 +127,5 @@ }
   }
+  .sidebar-modal-right {
+    padding-right: 0 !important;
+  }
 
@@ -210,1 +219,37 @@ .sidebar {
 }
+
+// Sizes
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint);
+
+    @each $size, $sidebar in $sidebar-sizes {
+      @if $size != 0 {
+        .sidebar#{$infix}-#{$size} {
+          @include sidebar-size(map-get($sidebar, 'padding-y'), map-get($sidebar, 'font-size'), map-get($sidebar, 'brand-font-size'), map-get($sidebar, 'brand-padding-y'), map-get($sidebar, 'link-padding-y'));
+        }
+      }
+    }
+  }
+}
+
+// Nav size
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint);
+
+    @each $size, $sidebar in $sidebar-sizes {
+      @if $size != 0 {
+        .sidebar-nav#{$infix}-#{$size} {
+          @include sidebar-nav-size(map-get($sidebar, 'link-padding-y'), map-get($sidebar, 'link-padding-x'), map-get($sidebar, 'font-size'));
+        }
+      }
+      .sidebar-nav-y#{$infix}-#{$size} {
+        @include sidebar-nav-size-y(map-get($sidebar, 'link-padding-y'));
+      }
+      .sidebar-nav-x#{$infix}-#{$size} {
+        @include sidebar-nav-size-x(map-get($sidebar, 'link-padding-x'));
+      }
+    }
+  }
+}

src/scss/_sizing.scss

 // Size
-@each $size, $length in $sizes {
-  .s-#{$size} {
-    width: $length !important;
-    height: $length !important;
-  }
-}
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint);
 
-.ms-100 {
-  max-width: 100% !important;
-  max-height: 100% !important;
-}
+    @if $breakpoint != xs {
+      @each $prop, $abbrev in (width: w, height: h) {
+        .#{$abbrev}#{$infix}-100 { #{$prop}: 100% !important; }
+        .m#{$abbrev}#{$infix}-100 { max-#{$prop}: 100% !important; }
+        .min-v#{$abbrev}#{$infix}-100 { min-#{$prop}: 100v#{$abbrev} !important; }
+        .v#{$abbrev}#{$infix}-100 { #{$prop}: 100v#{$abbrev} !important; }
+      }
+    }
 
-.min-vs-100 {
-  min-width: 100vw !important;
-  min-height: 100vh !important;
-}
+    .s#{$infix}-100 {
+      width: 100% !important;
+      height: 100% !important;
+    }
 
-.vs-100 {
-  width: 100vw !important;
-  height: 100vh !important;
+    .ms#{$infix}-100 {
+      max-width: 100% !important;
+      max-height: 100% !important;
+    }
+
+    .min-vs#{$infix}-100 {
+      min-width: 100vw !important;
+      min-height: 100vh !important;
+    }
+
+    .vs#{$infix}-100 {
+      width: 100vw !important;
+      height: 100vh !important;
+    }
+  }
 }

src/scss/_text.scss

 // Custom
 @each $color, $value in map-remove($custom-colors, "white") {
-  @include text-emphasis-variant(".text-#{$color}", $value);
+  .text-#{$color} {
+    color: $value !important;
+  }
 }
@@ -10,7 +12,11 @@
     @each $color, $value in $theme-colors {
-      @include text-opacity-variant('.text-#{$color}-#{($alpha * 10)}', $value, ($alpha * .1));
+      .text-#{$color}-#{($alpha * 10)} {
+        color: rgba($value, ($alpha * .1)) !important;
+      }
     }
     @each $color, $value in $custom-colors {
       @if $color not in 'white', 'black' and $alpha != 5 {
-        @include text-opacity-variant('.text-#{$color}-#{($alpha * 10)}', $value, ($alpha * .1));
+        .text-#{$color}-#{($alpha * 10)} {
+          color: rgba($value, ($alpha * .1)) !important;
+        }
       }
@@ -59,6 +65,10 @@ }
 @each $color, $value in $theme-colors {
-  @include text-state-variant('.text-state-#{$color}', $value);
+  .text-state-#{$color} {
+    color: color-level($value, $text-state-level) !important;
+  }
 }
 @each $color, $value in map-remove($custom-colors, "black", "white") {
-  @include text-state-variant('.text-state-#{$color}', $value);
+  .text-state-#{$color} {
+    color: color-level($value, $text-state-level) !important;
+  }
 }

src/scss/_variables.scss

@@ -16,2 +16,17 @@ // Custom colors
 
+// Wide grid
+$wide-grid-breakpoints: (
+  xxl: 1600px,
+  3xl: 1920px, // 2K
+  4xl: 3840px, // 4K
+  5xl: 5120px, // 5K
+  6xl: 7680px  // 8K
+) !default;
+
+$all-grid-breakpoints: () !default;
+$all-grid-breakpoints: map-merge(
+  $grid-breakpoints,
+  $wide-grid-breakpoints
+);
+
 // Fonts
@@ -75,10 +90,5 @@ $font-size-xs:  .75rem !default;
 // Grid containers
-$container-breakpoints: () !default;
-$container-breakpoints: map-merge((
-  md: map-remove($container-max-widths, sm),
-  lg: map-remove($container-max-widths, sm, md),
-  xl: (
-    xl: map-get($container-max-widths, xl)
-  )
-), $container-breakpoints);
+$wide-container-max-widths: (
+  xxl: 1570px
+) !default;
 
@@ -88,2 +98,4 @@ $container-max-width-sm: map-get($container-max-widths, sm);
 $container-max-width-lg: map-get($container-max-widths, lg);
+$container-max-width-xl: map-get($container-max-widths, xl);
+$container-max-width-xxl: map-get($wide-container-max-widths, xxl);
 
@@ -109,3 +121,7 @@ $container-sizes: () !default;
     xl: $container-max-width-lg
-  )
+  ),
+  4: $container-max-widths,
+  5: map-merge($container-max-widths, (
+    xxl: $container-max-width-xxl
+  ))
 ), $container-sizes);
@@ -122,8 +138,20 @@
 $grid-gutter-widths: map-merge((
-  '': $grid-gutter-width,
-  1: $grid-gutter-width / 3,
-  2: $grid-gutter-width / 1.5,
-  3: $grid-gutter-width
+  0: 0,
+  1: $grid-gutter-width / 6,
+  2: $grid-gutter-width / 3,
+  3: $grid-gutter-width / 1.5,
+  4: $grid-gutter-width,
+  '': $grid-gutter-width
 ), $grid-gutter-widths);
 
+// Grid row sizing
+$grid-row-sizes: () !default;
+$grid-row-sizes: map-merge((
+  1: 3,
+  2: 1.5,
+  3: 1,
+  4: .75,
+  5: .5
+), $grid-row-sizes);
+
 // Components
@@ -166,5 +194,43 @@ $border-radius-circle: 50% !default;
 
+$button-sizes: () !default;
+$button-sizes: map-merge((
+  1: (
+    'padding-y': $btn-padding-y-xs,
+    'padding-x': $btn-padding-x-xs,
+    'font-size': $btn-font-size-xs,
+    'line-height': $btn-line-height-xs,
+    'border-radius': $btn-border-radius-xs
+  ),
+  2: (
+    'padding-y': $btn-padding-y-sm,
+    'padding-x': $btn-padding-x-sm,
+    'font-size': $btn-font-size-sm,
+    'line-height': $btn-line-height-sm,
+    'border-radius': $btn-border-radius-sm
+  ),
+  3: (
+    'padding-y': $btn-padding-y,
+    'padding-x': $btn-padding-x,
+    'font-size': $btn-font-size,
+    'line-height': $btn-line-height,
+    'border-radius': $btn-border-radius
+  ),
+  4: (
+    'padding-y': $btn-padding-y-lg,
+    'padding-x': $btn-padding-x-lg,
+    'font-size': $btn-font-size-lg,
+    'line-height': $btn-line-height-lg,
+    'border-radius': $btn-border-radius-lg
+  ),
+  5: (
+    'padding-y': $btn-padding-y-xl,
+    'padding-x': $btn-padding-x-xl,
+    'font-size': $btn-font-size-xl,
+    'line-height': $btn-line-height-xl,
+    'border-radius': $btn-border-radius-xl
+  )
+), $button-sizes);
+
 // Form
 $input-line-height-xs:   $input-btn-line-height-xs !default;
-$input-height-xs:        calc(#{$input-line-height-xs * 1em} + #{$input-btn-padding-y-xs * 2} + #{$input-height-border}) !default;
 $input-padding-y-xs:     $input-btn-padding-y-xs !default;
@@ -174,18 +240,58 @@ $input-padding-x-xs:     $input-btn-padding-x-xs !default;
 $input-border-radius-xs: $border-radius-xs !default;
+$input-height-xs:        add($input-line-height-xs * 1em, add($input-padding-y-xs * 2, $input-height-border, false)) !default;
 
+$input-line-height-xl:   $input-btn-line-height-xl !default;
+$input-padding-y-xl:     $input-btn-padding-y-xl !default;
+$input-padding-x-xl:     $input-btn-padding-x-xl !default;
+$input-font-size-xl:     $input-btn-font-size-xl !default;
+$input-border-radius-xl: $border-radius-xl !default;
+$input-height-xl:        add($input-line-height-xl * 1em, add($input-padding-y-xl * 2, $input-height-border, false)) !default;
+
 $input-dark-color: $white !default;
 $input-dark-bg: $dark !default;
 
-// Card
-$card-spacer-y-xs: .25rem !default;
-$card-spacer-x-xs: .5rem !default;
+$input-sizes: () !default;
+$input-sizes: map-merge((
+  1: (
+    'height': $input-height-xs,
+    'padding-y': $input-padding-y-xs,
+    'padding-x': $input-padding-x-xs,
+    'font-size': $input-font-size-xs,
+    'line-height': $input-line-height-xs,
+    'border-radius': $input-border-radius-xs
+  ),
+  2: (
+    'height': $input-height-sm,
+    'padding-y': $input-padding-y-sm,
+    'padding-x': $input-padding-x-sm,
+    'font-size': $input-font-size-sm,
+    'line-height': $input-line-height-sm,
+    'border-radius': $input-border-radius-sm
+  ),
+  3: (
+    'height': $input-height,
+    'padding-y': $input-padding-y,
+    'padding-x': $input-padding-x,
+    'font-size': $input-font-size,
+    'line-height': $input-line-height,
+    'border-radius': $input-border-radius
+  ),
+  4: (
+    'height': $input-height-lg,
+    'padding-y': $input-padding-y-lg,
+    'padding-x': $input-padding-x-lg,
+    'font-size': $input-font-size-lg,
+    'line-height': $input-line-height-lg,
+    'border-radius': $input-border-radius-lg
+  ),
+  5: (
+    'height': $input-height-xl,
+    'padding-y': $input-padding-y-xl,
+    'padding-x': $input-padding-x-xl,
+    'font-size': $input-font-size-xl,
+    'line-height': $input-line-height-xl,
+    'border-radius': $input-border-radius-xl
+  )
+), $input-sizes);
 
-$card-spacer-y-sm: .5rem !default;
-$card-spacer-x-sm: .75rem !default;
-
-$card-state-bg-level: -9 !default;
-$card-state-color-level: 6 !default;
-
-$card-dark-color: $white !default;
-
 // Navbar
@@ -209,2 +315,7 @@ $navbar-nav-link-padding-y: $nav-link-padding-y !default;
 
+$navbar-padding-y-xl:          $spacer !default;
+$navbar-brand-padding-y-xl:    .675rem !default;
+$navbar-nav-link-padding-y-xl: .75rem !default;
+$navbar-nav-link-padding-x-xl: 1rem !default;
+
 $navbar-height:    3.5rem !default;
@@ -214,2 +325,3 @@ $navbar-height-xs: 1.5625rem !default;
 $navbar-height-lg: 4.75rem !default;
+$navbar-height-xl: 6rem !default;
 
@@ -220,15 +332,196 @@ $navbar-nav-height:    2.5rem !default;
 $navbar-nav-height-lg: 3.25rem !default;
+$navbar-nav-height-xl: 3.75rem !default;
 
+$navbar-heights: () !default;
+$navbar-heights: map-merge((
+  1: $navbar-height-xs,
+  2: $navbar-height-sm,
+  3: $navbar-height,
+  '': $navbar-height,
+  4: $navbar-height-lg,
+  5: $navbar-height-xl
+), $navbar-heights);
+
+$navbar-sizes: () !default;
+$navbar-sizes: map-merge((
+  1: (
+    'padding-y': $navbar-padding-y-xs,
+    'font-size': $font-size-xs,
+    'brand-font-size': $font-size-sm,
+    'brand-padding-y': $navbar-brand-padding-y-xs,
+    'nav-link-padding-y': $navbar-nav-link-padding-y-xs,
+    'nav-height': $navbar-nav-height-xs
+  ),
+  2: (
+    'padding-y': $navbar-padding-y-sm,
+    'font-size': $font-size-sm,
+    'brand-font-size': $font-size-base,
+    'brand-padding-y': $navbar-brand-padding-y-sm,
+    'nav-link-padding-y': $navbar-nav-link-padding-y-sm,
+    'nav-height': $navbar-nav-height-sm
+  ),
+  3: (
+    'padding-y': $navbar-padding-y,
+    'font-size': $font-size-base,
+    'brand-font-size': $font-size-lg,
+    'brand-padding-y': $navbar-brand-padding-y,
+    'nav-link-padding-y': $navbar-nav-link-padding-y,
+    'nav-height': $navbar-nav-height
+  ),
+  4: (
+    'padding-y': $navbar-padding-y-lg,
+    'font-size': $font-size-lg,
+    'brand-font-size': $font-size-xl,
+    'brand-padding-y': $navbar-brand-padding-y-lg,
+    'nav-link-padding-y': $navbar-nav-link-padding-y-lg,
+    'nav-height': $navbar-nav-height-lg
+  ),
+  5: (
+    'padding-y': $navbar-padding-y-xl,
+    'font-size': $font-size-xl,
+    'brand-font-size': $font-size-xxl,
+    'brand-padding-y': $navbar-brand-padding-y-xl,
+    'nav-link-padding-y': $navbar-nav-link-padding-y-xl,
+    'nav-height': $navbar-nav-height-xl
+  )
+), $navbar-sizes);
+
+$navbar-nav-sizes: () !default;
+$navbar-nav-sizes: map-merge((
+  0: (
+    'link-padding-y': 0,
+    'link-padding-x': 0
+  ),
+  1: (
+    'link-padding-y': $navbar-nav-link-padding-y-xs,
+    'link-padding-x': $navbar-nav-link-padding-x-xs,
+    'font-size': $font-size-xs
+  ),
+  2: (
+    'link-padding-y': $navbar-nav-link-padding-y-sm,
+    'link-padding-x': $navbar-nav-link-padding-x-sm,
+    'font-size': $font-size-sm
+  ),
+  3: (
+    'link-padding-y': $navbar-nav-link-padding-y,
+    'link-padding-x': $navbar-nav-link-padding-x,
+    'font-size': $font-size-base
+  ),
+  4: (
+    'link-padding-y': $navbar-nav-link-padding-y-lg,
+    'link-padding-x': $navbar-nav-link-padding-x-lg,
+    'font-size': $font-size-lg
+  ),
+  5: (
+    'link-padding-y': $navbar-nav-link-padding-y-xl,
+    'link-padding-x': $navbar-nav-link-padding-x-xl,
+    'font-size': $font-size-xl
+  )
+), $navbar-nav-sizes);
+
 // Navs
 $nav-link-active-color: $gray-700 !default;
 
+$nav-link-padding-y-xs: .1rem !default;
 $nav-link-padding-x-xs: .25rem !default;
-$nav-link-padding-y-xs: .1rem !default;
 
+$nav-link-padding-y-sm: .25rem !default;
 $nav-link-padding-x-sm: .5rem !default;
-$nav-link-padding-y-sm: .25rem !default;
 
+$nav-link-padding-y-lg: .75rem !default;
 $nav-link-padding-x-lg: 1.5rem !default;
-$nav-link-padding-y-lg: .75rem !default;
 
+$nav-link-padding-y-xl: 1rem !default;
+$nav-link-padding-x-xl: 2rem !default;
+
+$nav-sizes: () !default;
+$nav-sizes: map-merge((
+  0: (
+    'link-padding-y': 0,
+    'link-padding-x': 0
+  ),
+  1: (
+    'link-padding-y': $nav-link-padding-y-xs,
+    'link-padding-x': $nav-link-padding-x-xs,
+    'font-size': $font-size-xs
+  ),
+  2: (
+    'link-padding-y': $nav-link-padding-y-sm,
+    'link-padding-x': $nav-link-padding-x-sm,
+    'font-size': $font-size-sm
+  ),
+  3: (
+    'link-padding-y': $nav-link-padding-y,
+    'link-padding-x': $nav-link-padding-x,
+    'font-size': $font-size-base
+  ),
+  4: (
+    'link-padding-y': $nav-link-padding-y-lg,
+    'link-padding-x': $nav-link-padding-x-lg,
+    'font-size': $font-size-lg
+  ),
+  5: (
+    'link-padding-y': $nav-link-padding-y-xl,
+    'link-padding-x': $nav-link-padding-x-xl,
+    'font-size': $font-size-xl
+  )
+), $nav-sizes);
+
+// Card
+$card-spacer-y-xs: .25rem !default;
+$card-spacer-x-xs: .5rem !default;
+
+$card-spacer-y-sm: .5rem !default;
+$card-spacer-x-sm: .75rem !default;
+
+$card-spacer-y-lg: 1rem !default;
+$card-spacer-x-lg: 1.5rem !default;
+
+$card-spacer-y-xl: 1.25rem !default;
+$card-spacer-x-xl: 1.75rem !default;
+
+$card-state-bg-level: -9 !default;
+$card-state-color-level: 6 !default;
+
+$card-dark-color: $white !default;
+
+$card-sizes: () !default;
+$card-sizes: map-merge((
+  1: (
+    'padding-y': $card-spacer-y-xs,
+    'padding-x': $card-spacer-x-xs,
+    'font-size': $font-size-xs,
+    'link-padding-y': $nav-link-padding-y-xs,
+    'link-padding-x': $nav-link-padding-x-xs
+  ),
+  2: (
+    'padding-y': $card-spacer-y-sm,
+    'padding-x': $card-spacer-x-sm,
+    'font-size': $font-size-sm,
+    'link-padding-y': $nav-link-padding-y-sm,
+    'link-padding-x': $nav-link-padding-x-sm
+  ),
+  3: (
+    'padding-y': $card-spacer-y,
+    'padding-x': $card-spacer-x,
+    'font-size': $font-size-base,
+    'link-padding-y': $nav-link-padding-y,
+    'link-padding-x': $nav-link-padding-x
+  ),
+  4: (
+    'padding-y': $card-spacer-y-lg,
+    'padding-x': $card-spacer-x-lg,
+    'font-size': $font-size-lg,
+    'link-padding-y': $nav-link-padding-y-lg,
+    'link-padding-x': $nav-link-padding-x-lg
+  ),
+  5: (
+    'padding-y': $card-spacer-y-xl,
+    'padding-x': $card-spacer-x-xl,
+    'font-size': $font-size-xl,
+    'link-padding-y': $nav-link-padding-y-xl,
+    'link-padding-x': $nav-link-padding-x-xl
+  )
+), $card-sizes);
+
 // Progress
@@ -247,14 +540,74 @@ $progress-height-xs:    .75rem !default;
 
+$progress-sizes: () !default;
+$progress-sizes: map-merge((
+  1: (
+    'height': $progress-height-xs,
+    'font-size': $progress-font-size-xs
+  ),
+  2: (
+    'height': $progress-height,
+    'font-size': $progress-font-size
+  ),
+  3: (
+    'height': $progress-height-md,
+    'font-size': $progress-font-size-md
+  ),
+  4: (
+    'height': $progress-height-lg,
+    'font-size': $progress-font-size-lg
+  ),
+  5: (
+    'height': $progress-height-xl,
+    'font-size': $progress-font-size-xl
+  )
+), $progress-sizes);
+
 // List group
 $list-group-item-padding-x-xs: .75rem !default;
 $list-group-item-padding-y-xs: .25rem !default;
+$list-group-item-font-size-xs: $font-size-xs !default;
 
 $list-group-item-padding-x-sm: 1rem !default;
 $list-group-item-padding-y-sm: .5rem !default;
+$list-group-item-font-size-sm: $font-size-sm !default;
 
 $list-group-item-padding-x-lg: 1.5rem !default;
 $list-group-item-padding-y-lg: 1rem !default;
+$list-group-item-font-size-lg: $font-size-lg !default;
 
+$list-group-item-padding-x-xl: 1.75rem !default;
+$list-group-item-padding-y-xl: 1.25rem !default;
+$list-group-item-font-size-xl: $font-size-xl !default;
+
 $list-group-striped-bg: $light !default;
 
+$list-group-sizes: () !default;
+$list-group-sizes: map-merge((
+  1: (
+    'padding-y': $list-group-item-padding-y-xs,
+    'padding-x': $list-group-item-padding-x-xs,
+    'font-size': $list-group-item-font-size-xs
+  ),
+  2: (
+    'padding-y': $list-group-item-padding-y-sm,
+    'padding-x': $list-group-item-padding-x-sm,
+    'font-size': $list-group-item-font-size-sm
+  ),
+  3: (
+    'padding-y': $list-group-item-padding-y,
+    'padding-x': $list-group-item-padding-x,
+    'font-size': $font-size-base
+  ),
+  4: (
+    'padding-y': $list-group-item-padding-y-lg,
+    'padding-x': $list-group-item-padding-x-lg,
+    'font-size': $list-group-item-font-size-lg
+  ),
+  5: (
+    'padding-y': $list-group-item-padding-y-xl,
+    'padding-x': $list-group-item-padding-x-xl,
+    'font-size': $list-group-item-font-size-xl
+  )
+), $list-group-sizes);
+
 // Breadcrumb
@@ -273,2 +626,14 @@ $breadcrumb-padding-y-xs: .25rem !default;
 
+$breadcrumb-padding-y-lg: 1rem !default;
+$breadcrumb-padding-x-lg: 1.25rem !default;
+$breadcrumb-item-padding-lg: .625rem !default;
+$breadcrumb-font-size-lg: $font-size-lg !default;
+$breadcrumb-border-radius-lg: $border-radius-lg !default;
+
+$breadcrumb-padding-y-xl: 1.25rem !default;
+$breadcrumb-padding-x-xl: 1.5rem !default;
+$breadcrumb-item-padding-xl: .75rem !default;
+$breadcrumb-font-size-xl: $font-size-xl !default;
+$breadcrumb-border-radius-xl: $border-radius-xl !default;
+
 $breadcrumb-dividers: () !default;
@@ -294,8 +659,51 @@ $breadcrumb-dividers: map-merge((
 
+$breadcrumb-sizes: () !default;
+$breadcrumb-sizes: map-merge((
+  1: (
+    'padding-y': $breadcrumb-padding-y-xs,
+    'padding-x': $breadcrumb-padding-x-xs,
+    'font-size': $breadcrumb-font-size-xs,
+    'border-radius': $breadcrumb-border-radius-xs,
+    'item-padding': $breadcrumb-item-padding-xs
+  ),
+  2: (
+    'padding-y': $breadcrumb-padding-y-sm,
+    'padding-x': $breadcrumb-padding-x-sm,
+    'font-size': $breadcrumb-font-size-sm,
+    'border-radius': $breadcrumb-border-radius-sm,
+    'item-padding': $breadcrumb-item-padding-sm
+  ),
+  3: (
+    'padding-y': $breadcrumb-padding-y,
+    'padding-x': $breadcrumb-padding-x,
+    'font-size': $font-size-base,
+    'border-radius': $breadcrumb-border-radius,
+    'item-padding': $breadcrumb-item-padding
+  ),
+  4: (
+    'padding-y': $breadcrumb-padding-y-lg,
+    'padding-x': $breadcrumb-padding-x-lg,
+    'font-size': $breadcrumb-font-size-lg,
+    'border-radius': $breadcrumb-border-radius-lg,
+    'item-padding': $breadcrumb-item-padding-lg
+  ),
+  5: (
+    'padding-y': $breadcrumb-padding-y-xl,
+    'padding-x': $breadcrumb-padding-x-xl,
+    'font-size': $breadcrumb-font-size-xl,
+    'border-radius': $breadcrumb-border-radius-xl,
+    'item-padding': $breadcrumb-item-padding-xl
+  )
+), $breadcrumb-sizes);
+
 // Dropdown
 $dropdown-padding-y-xs: .375rem !default;
 $dropdown-padding-y-sm: .25rem !default;
+$dropdown-padding-y-lg: .75rem !default;
+$dropdown-padding-y-xl: 1rem !default;
 
 $dropdown-font-size-xs: $font-size-xs !default;
 $dropdown-font-size-sm: $font-size-sm !default;
+$dropdown-font-size-lg: $font-size-lg !default;
+$dropdown-font-size-xl: $font-size-xl !default;
 
@@ -308,2 +716,8 @@ $dropdown-item-padding-y-xs: .1rem !default;
 
+$dropdown-item-padding-y-lg: .5rem !default;
+$dropdown-item-padding-x-lg: 2rem !default;
+
+$dropdown-item-padding-y-xl: .75rem !default;
+$dropdown-item-padding-x-xl: 2.5rem !default;
+
 $dropdown-arrow-position:    5px !default;
@@ -317,2 +731,36 @@ $dropdown-arrow-width:       1rem !default;
 
+$dropdown-menu-sizes: () !default;
+$dropdown-menu-sizes: map-merge((
+  1: (
+    'padding-y': $dropdown-padding-y-xs,
+    'item-padding-y': $dropdown-item-padding-y-xs,
+    'item-padding-x': $dropdown-item-padding-x-xs,
+    'font-size': $dropdown-font-size-xs
+  ),
+  2: (
+    'padding-y': $dropdown-padding-y-sm,
+    'item-padding-y': $dropdown-item-padding-y-sm,
+    'item-padding-x': $dropdown-item-padding-x-sm,
+    'font-size': $dropdown-font-size-sm
+  ),
+  3: (
+    'padding-y': $dropdown-padding-y,
+    'item-padding-y': $dropdown-item-padding-y,
+    'item-padding-x': $dropdown-item-padding-x,
+    'font-size': $dropdown-font-size
+  ),
+  4: (
+    'padding-y': $dropdown-padding-y-lg,
+    'item-padding-y': $dropdown-item-padding-y-lg,
+    'item-padding-x': $dropdown-item-padding-x-lg,
+    'font-size': $dropdown-font-size-lg
+  ),
+  5: (
+    'padding-y': $dropdown-padding-y-xl,
+    'item-padding-y': $dropdown-item-padding-y-xl,
+    'item-padding-x': $dropdown-item-padding-x-xl,
+    'font-size': $dropdown-font-size-xl
+  )
+), $dropdown-menu-sizes);
+
 // Pagination
@@ -322,2 +770,44 @@ $pagination-padding-y-xs: .1rem !default;
 
+$pagination-padding-y-xl: 1rem !default;
+$pagination-padding-x-xl: 2rem !default;
+
+$pagination-sizes: () !default;
+$pagination-sizes: map-merge((
+  1: (
+    'padding-y': $pagination-padding-y-xs,
+    'padding-x': $pagination-padding-x-xs,
+    'font-size': $font-size-xs,
+    'line-height': $line-height-xs,
+    'border-radius': $border-radius-xs
+  ),
+  2: (
+    'padding-y': $pagination-padding-y-sm,
+    'padding-x': $pagination-padding-x-sm,
+    'font-size': $font-size-sm,
+    'line-height': $line-height-sm,
+    'border-radius': $border-radius-sm
+  ),
+  3: (
+    'padding-y': $pagination-padding-y,
+    'padding-x': $pagination-padding-x,
+    'font-size': $font-size-base,
+    'line-height': $line-height-base,
+    'border-radius': $border-radius
+  ),
+  4: (
+    'padding-y': $pagination-padding-y-lg,
+    'padding-x': $pagination-padding-x-lg,
+    'font-size': $font-size-lg,
+    'line-height': $line-height-lg,
+    'border-radius': $border-radius-lg
+  ),
+  5: (
+    'padding-y': $pagination-padding-y-xl,
+    'padding-x': $pagination-padding-x-xl,
+    'font-size': $font-size-xl,
+    'line-height': $line-height-xl,
+    'border-radius': $border-radius-xl
+  )
+), $pagination-sizes);
+
 // Position
@@ -332,8 +822,38 @@ $position-properties: top, right, bottom, left;
 // Sidebar
-$sidebar-padding-y:                  ($spacer / 2) !default;
+$sidebar-padding-y:             ($spacer / 2) !default;
+$sidebar-font-size:             $font-size-base !default;
+$sidebar-nav-link-padding-y:    $nav-link-padding-y !default;
+$sidebar-nav-link-padding-x:    $nav-link-padding-x !default;
 
-$sidebar-brand-font-size:            $font-size-lg !default;
-$sidebar-brand-height:               ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
-$sidebar-brand-padding-y:            $nav-link-padding-y !default;
+$sidebar-brand-font-size:       $font-size-lg !default;
+$sidebar-brand-padding-y:       $nav-link-padding-y !default;
 
+$sidebar-padding-y-xs:          ($spacer * .1) !default;
+$sidebar-font-size-xs:          $font-size-xs !default;
+$sidebar-brand-font-size-xs:    $font-size-sm !default;
+$sidebar-brand-padding-y-xs:    .1rem !default;
+$sidebar-nav-link-padding-y-xs: .1rem !default;
+$sidebar-nav-link-padding-x-xs: .25rem !default;
+
+$sidebar-padding-y-sm:          ($spacer * .25) !default;
+$sidebar-font-size-sm:          $font-size-sm !default;
+$sidebar-brand-font-size-sm:    $font-size-base !default;
+$sidebar-brand-padding-y-sm:    .25rem !default;
+$sidebar-nav-link-padding-y-sm: .25rem !default;
+$sidebar-nav-link-padding-x-sm: .5rem !default;
+
+$sidebar-padding-y-lg:          ($spacer * .75) !default;
+$sidebar-font-size-lg:          $font-size-lg !default;
+$sidebar-brand-font-size-lg:    $font-size-xl !default;
+$sidebar-brand-padding-y-lg:    .675rem !default;
+$sidebar-nav-link-padding-y-lg: .675rem !default;
+$sidebar-nav-link-padding-x-lg: 1.5rem !default;
+
+$sidebar-padding-y-xl:          $spacer !default;
+$sidebar-font-size-xl:          $font-size-xl !default;
+$sidebar-brand-font-size-xl:    $font-size-xxl !default;
+$sidebar-brand-padding-y-xl:    .75rem !default;
+$sidebar-nav-link-padding-y-xl: .75rem !default;
+$sidebar-nav-link-padding-x-xl: 2rem !default;
+
 $sidebar-toggler-padding-y:          .25rem !default;
@@ -359,2 +879,50 @@ $sidebar-toggler-padding-x:          .75rem !default;
 
+$sidebar-sizes: () !default;
+$sidebar-sizes: map-merge((
+  0: (
+    'link-padding-y': 0,
+    'link-padding-x': 0
+  ),
+  1: (
+    'padding-y': $sidebar-padding-y-xs,
+    'font-size': $sidebar-font-size-xs,
+    'brand-font-size': $sidebar-brand-font-size-xs,
+    'brand-padding-y': $sidebar-brand-padding-y-xs,
+    'link-padding-y': $sidebar-nav-link-padding-y-xs,
+    'link-padding-x': $sidebar-nav-link-padding-x-xs
+  ),
+  2: (
+    'padding-y': $sidebar-padding-y-sm,
+    'font-size': $sidebar-font-size-sm,
+    'brand-font-size': $sidebar-brand-font-size-sm,
+    'brand-padding-y': $sidebar-brand-padding-y-sm,
+    'link-padding-y': $sidebar-nav-link-padding-y-sm,
+    'link-padding-x': $sidebar-nav-link-padding-x-sm
+  ),
+  3: (
+    'padding-y': $sidebar-padding-y,
+    'font-size': $sidebar-font-size,
+    'brand-font-size': $sidebar-brand-font-size,
+    'brand-padding-y': $sidebar-brand-padding-y,
+    'link-padding-y': $sidebar-nav-link-padding-y,
+    'link-padding-x': $sidebar-nav-link-padding-x
+  ),
+  4: (
+    'padding-y': $sidebar-padding-y-lg,
+    'font-size': $sidebar-font-size-lg,
+    'brand-font-size': $sidebar-brand-font-size-lg,
+    'brand-padding-y': $sidebar-brand-padding-y-lg,
+    'link-padding-y': $sidebar-nav-link-padding-y-lg,
+    'link-padding-x': $sidebar-nav-link-padding-x-lg
+  ),
+  5: (
+    'padding-y': $sidebar-padding-y-xl,
+    'font-size': $sidebar-font-size-xl,
+    'brand-font-size': $sidebar-brand-font-size-xl,
+    'brand-padding-y': $sidebar-brand-padding-y-xl,
+    'link-padding-y': $sidebar-nav-link-padding-y-xl,
+    'link-padding-x': $sidebar-nav-link-padding-x-xl
+  )
+), $sidebar-sizes);
+
 // Text
@@ -361,0 +929,0 @@ $text-state-level: 6 !default;

src/scss/light/_variables.scss

@@ -1,5 +0,3 @@
-// Custom colors
+$theme-colors: ();
 $custom-colors: ();
-
-// Opacity
 $enable-opacity: false;

src/scss/light/main.scss

@@ -30,3 +30,2 @@ @import "../../../node_modules/bootstrap/scss/functions";
 @import "../sizing";
-@import "../svg";
 @import "../text";

src/scss/main.scss

@@ -15,2 +15,3 @@ @import "../../node_modules/bootstrap/scss/functions";
 @import "tribar";
+@import "custom-form";
 @import "nav";
@@ -31,3 +32,2 @@ @import "navbar";
 @import "sizing";
-@import "svg";
 @import "text";

src/scss/mixins/_card.scss

@@ -53,3 +53,3 @@ // State variant
 // Size
-@mixin card-size($padding-y, $padding-x, $font-size, $nav-link-padding-y, $nav-link-padding-x) {
+@mixin card-size($padding-y, $padding-x, $font-size, $link-padding-y, $link-padding-x) {
   font-size: $font-size;
@@ -89,3 +89,3 @@
     .nav-link {
-      padding: $nav-link-padding-y $nav-link-padding-x;
+      padding: $link-padding-y $link-padding-x;
     }
@@ -92,0 +92,0 @@ }

src/scss/mixins/_sidebar.scss

@@ -13,1 +13,51 @@ // Modal
 }
+
+// Size
+@mixin sidebar-size($padding-y, $font-size, $brand-font-size, $brand-padding-y, $link-padding-y) {
+  padding-top: $padding-y;
+  padding-bottom: $padding-y;
+
+  .sidebar-brand {
+    font-size: $brand-font-size;
+    padding-top: $brand-padding-y;
+    padding-bottom: $brand-padding-y;
+  }
+
+  .sidebar-nav {
+    font-size: $font-size;
+
+    .nav-link {
+      padding-top: $link-padding-y;
+      padding-bottom: $link-padding-y;
+    }
+  }
+
+  .sidebar-text {
+    font-size: $font-size;
+    padding-top: $link-padding-y;
+    padding-bottom: $link-padding-y;
+  }
+}
+
+// Nav size
+@mixin sidebar-nav-size($link-padding-y, $link-padding-x, $font-size) {
+  font-size: $font-size;
+
+  .nav-link {
+    padding: $link-padding-y $link-padding-x !important;
+  }
+}
+
+@mixin sidebar-nav-size-y($link-padding-y) {
+  .nav-link {
+    padding-top: $link-padding-y !important;
+    padding-bottom: $link-padding-y !important;
+  }
+}
+
+@mixin sidebar-nav-size-x($link-padding-x) {
+  .nav-link {
+    padding-right: $link-padding-x !important;
+    padding-left: $link-padding-x !important;
+  }
+}

src/scss/_svg.scss

-// Fill colors
-@each $color, $value in $theme-colors {
-  .fill-#{$color} {
-    fill: $value !important;
-  }
-}
-
-@each $color, $value in $custom-colors {
-  .fill-#{$color} {
-    fill: $value !important;
-  }
-}
-
-// Fill hover
-@each $color, $value in $theme-colors {
-  .fill-hover-#{$color} {
-    &:hover,
-    &:focus {
-      fill: $value !important;
-    }
-  }
-
-  @for $alpha from 1 through 9 {
-    .fill-hover-#{$color}-#{($alpha * 10)} {
-      &:hover,
-      &:focus {
-        fill: rgba($value, ($alpha * .1)) !important;
-      }
-    }
-  }
-}
-@each $color, $value in $custom-colors {
-  .fill-hover-#{$color} {
-    &:hover,
-    &:focus {
-      fill: $value !important;
-    }
-  }
-
-  @for $alpha from 1 through 9 {
-    .fill-hover-#{$color}-#{($alpha * 10)} {
-      &:hover,
-      &:focus {
-        fill: rgba($value, ($alpha * .1)) !important;
-      }
-    }
-  }
-}
-
-// Stroke colors
-@each $color, $value in $theme-colors {
-  .stroke-#{$color} {
-    stroke: $value !important;
-  }
-}
-
-@each $color, $value in $custom-colors {
-  .stroke-#{$color} {
-    stroke: $value !important;
-  }
-}
-
-// Stroke hover
-@each $color, $value in $theme-colors {
-  .stroke-hover-#{$color} {
-    &:hover,
-    &:focus {
-      stroke: $value !important;
-    }
-  }
-
-  @for $alpha from 1 through 9 {
-    .stroke-hover-#{$color}-#{($alpha * 10)} {
-      &:hover,
-      &:focus {
-        stroke: rgba($value, ($alpha * .1)) !important;
-      }
-    }
-  }
-}
-@each $color, $value in $custom-colors {
-  .stroke-hover-#{$color} {
-    &:hover,
-    &:focus {
-      stroke: $value !important;
-    }
-  }
-
-  @for $alpha from 1 through 9 {
-    .stroke-hover-#{$color}-#{($alpha * 10)} {
-      &:hover,
-      &:focus {
-        stroke: rgba($value, ($alpha * .1)) !important;
-      }
-    }
-  }
-}

src/scss/mixins/_text.scss

-// Opacity
-@mixin text-opacity-variant($variant, $color, $alpha) {
-  @include text-emphasis-variant($variant, rgba($color, $alpha));
-}
-
-// State
-@mixin text-state-variant($variant, $color) {
-  @include text-emphasis-variant($variant, color-level($color, $text-state-level));
-}

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Improved metrics

Total package byte prevSize

1775034

12.51%

Lines of code

30011

22.37%

Number of low quality alerts

1

-50%

Worsened metrics

Number of package files

59

-1.67%

Dependency changes

• Updated

  bootstrap@^4.4.1