grunt

dist/css/bootstrap-flex.css

@@ -592,7 +592,7 @@ hr {
 
 small,
 .small {
-  font-size: 80%;
+  font-size: 0.875rem;
   font-weight: normal;
 }
 
@@ -747,27 +747,31 @@ pre code {
   padding-right: 15px;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .container {
-    max-width: 576px;
+    width: 540px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 768px) {
   .container {
-    max-width: 720px;
+    width: 720px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 992px) {
   .container {
-    max-width: 940px;
+    width: 960px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 1200px) {
   .container {
-    max-width: 1140px;
+    width: 1140px;
+    max-width: 100%;
   }
 }
 
@@ -790,7 +794,7 @@ pre code {
   margin-left: -15px;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .row {
     margin-right: -15px;
     margin-left: -15px;
@@ -826,7 +830,7 @@ pre code {
   padding-left: 15px;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
     padding-right: 15px;
     padding-left: 15px;
@@ -1109,7 +1113,7 @@ pre code {
   margin-left: 91.666667%;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .col-sm {
     -webkit-flex-basis: 0;
         -ms-flex-preferred-size: 0;
@@ -2441,7 +2445,7 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .form-inline .form-group {
     display: inline-block;
     margin-bottom: 0;
@@ -3968,7 +3972,7 @@ tbody.collapse.in {
   clear: both;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar {
     border-radius: 0.25rem;
   }
@@ -3978,7 +3982,7 @@ tbody.collapse.in {
   z-index: 1000;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar-full {
     border-radius: 0;
   }
@@ -3992,7 +3996,7 @@ tbody.collapse.in {
   z-index: 1030;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar-fixed-top,
   .navbar-fixed-bottom {
     border-radius: 0;
@@ -4015,7 +4019,7 @@ tbody.collapse.in {
   width: 100%;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar-sticky-top {
     border-radius: 0;
   }
@@ -4166,14 +4170,14 @@ tbody.collapse.in {
   clear: both;
 }
 
-@media (max-width: 543px) {
+@media (max-width: 575px) {
   .navbar-toggleable-xs .navbar-nav .nav-item {
     float: none;
     margin-left: 0;
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar-toggleable-xs {
     display: block !important;
   }
@@ -4444,7 +4448,7 @@ tbody.collapse.in {
   border-bottom-left-radius: calc(0.25rem - 1px);
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .card-deck {
     display: -webkit-box;
     display: -webkit-flex;
@@ -4468,7 +4472,7 @@ tbody.collapse.in {
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .card-group {
     display: -webkit-box;
     display: -webkit-flex;
@@ -4517,7 +4521,7 @@ tbody.collapse.in {
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .card-columns {
     -webkit-column-count: 3;
        -moz-column-count: 3;
@@ -4745,7 +4749,7 @@ a.tag:focus, a.tag:hover {
   border-radius: 0.3rem;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .jumbotron {
     padding: 4rem 2rem;
   }
@@ -5508,7 +5512,7 @@ button.close {
   overflow: scroll;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .modal-dialog {
     max-width: 600px;
     margin: 30px auto;
@@ -5975,7 +5979,7 @@ button.close {
   text-shadow: none;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .carousel-control .icon-prev,
   .carousel-control .icon-next {
     width: 30px;
@@ -6194,7 +6198,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
           justify-content: space-between;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .flex-sm-first {
     -webkit-box-ordinal-group: 0;
     -webkit-order: -1;
@@ -6215,7 +6219,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .flex-items-sm-top {
     -webkit-box-align: start;
     -webkit-align-items: flex-start;
@@ -6239,7 +6243,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .flex-sm-top {
     -webkit-align-self: flex-start;
         -ms-flex-item-align: start;
@@ -6257,7 +6261,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .flex-items-sm-left {
     -webkit-box-pack: start;
     -webkit-justify-content: flex-start;
@@ -6586,7 +6590,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   float: none !important;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .float-sm-left {
     float: left !important;
   }
@@ -6937,7 +6941,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   text-align: center !important;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .text-sm-left {
     text-align: left !important;
   }
@@ -7085,13 +7089,13 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
   display: none !important;
 }
 
-@media (max-width: 543px) {
+@media (max-width: 575px) {
   .hidden-xs-down {
     display: none !important;
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .hidden-sm-up {
     display: none !important;
   }

dist/css/bootstrap-grid.css

@@ -11,27 +11,31 @@
   clear: both;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .container {
-    max-width: 576px;
+    width: 540px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 768px) {
   .container {
-    max-width: 720px;
+    width: 720px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 992px) {
   .container {
-    max-width: 940px;
+    width: 960px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 1200px) {
   .container {
-    max-width: 1140px;
+    width: 1140px;
+    max-width: 100%;
   }
 }
 
@@ -59,7 +63,7 @@
   clear: both;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .row {
     margin-right: -15px;
     margin-left: -15px;
@@ -94,7 +98,7 @@
   padding-left: 15px;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
     padding-right: 15px;
     padding-left: 15px;
@@ -330,7 +334,7 @@
   margin-left: 91.666667%;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .col-sm-1 {
     float: left;
     width: 8.333333%;

dist/css/bootstrap.css

@@ -592,7 +592,7 @@ hr {
 
 small,
 .small {
-  font-size: 80%;
+  font-size: 0.875rem;
   font-weight: normal;
 }
 
@@ -757,27 +757,31 @@ pre code {
   clear: both;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .container {
-    max-width: 576px;
+    width: 540px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 768px) {
   .container {
-    max-width: 720px;
+    width: 720px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 992px) {
   .container {
-    max-width: 940px;
+    width: 960px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 1200px) {
   .container {
-    max-width: 1140px;
+    width: 1140px;
+    max-width: 100%;
   }
 }
 
@@ -805,7 +809,7 @@ pre code {
   clear: both;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .row {
     margin-right: -15px;
     margin-left: -15px;
@@ -840,7 +844,7 @@ pre code {
   padding-left: 15px;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
     padding-right: 15px;
     padding-left: 15px;
@@ -1076,7 +1080,7 @@ pre code {
   margin-left: 91.666667%;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .col-sm-1 {
     float: left;
     width: 8.333333%;
@@ -2224,7 +2228,7 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .form-inline .form-group {
     display: inline-block;
     margin-bottom: 0;
@@ -3754,7 +3758,7 @@ tbody.collapse.in {
   clear: both;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar {
     border-radius: 0.25rem;
   }
@@ -3764,7 +3768,7 @@ tbody.collapse.in {
   z-index: 1000;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar-full {
     border-radius: 0;
   }
@@ -3778,7 +3782,7 @@ tbody.collapse.in {
   z-index: 1030;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar-fixed-top,
   .navbar-fixed-bottom {
     border-radius: 0;
@@ -3801,7 +3805,7 @@ tbody.collapse.in {
   width: 100%;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar-sticky-top {
     border-radius: 0;
   }
@@ -3952,14 +3956,14 @@ tbody.collapse.in {
   clear: both;
 }
 
-@media (max-width: 543px) {
+@media (max-width: 575px) {
   .navbar-toggleable-xs .navbar-nav .nav-item {
     float: none;
     margin-left: 0;
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar-toggleable-xs {
     display: block !important;
   }
@@ -4230,7 +4234,7 @@ tbody.collapse.in {
   border-bottom-left-radius: calc(0.25rem - 1px);
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .card-deck {
     display: table;
     width: 100%;
@@ -4249,7 +4253,7 @@ tbody.collapse.in {
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .card-group {
     display: table;
     width: 100%;
@@ -4292,7 +4296,7 @@ tbody.collapse.in {
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .card-columns {
     -webkit-column-count: 3;
        -moz-column-count: 3;
@@ -4520,7 +4524,7 @@ a.tag:focus, a.tag:hover {
   border-radius: 0.3rem;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .jumbotron {
     padding: 4rem 2rem;
   }
@@ -5281,7 +5285,7 @@ button.close {
   overflow: scroll;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .modal-dialog {
     max-width: 600px;
     margin: 30px auto;
@@ -5748,7 +5752,7 @@ button.close {
   text-shadow: none;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .carousel-control .icon-prev,
   .carousel-control .icon-next {
     width: 30px;
@@ -5882,7 +5886,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   float: none !important;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .float-sm-left {
     float: left !important;
   }
@@ -6233,7 +6237,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   text-align: center !important;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .text-sm-left {
     text-align: left !important;
   }
@@ -6381,13 +6385,13 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
   display: none !important;
 }
 
-@media (max-width: 543px) {
+@media (max-width: 575px) {
   .hidden-xs-down {
     display: none !important;
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .hidden-sm-up {
     display: none !important;
   }

docs/assets/css/docs-flexbox.min.css

@@ -54,7 +54,7 @@
   justify-content: space-between;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .flex-sm-first {
     order: -1;
   }
@@ -66,7 +66,7 @@
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .flex-items-sm-top {
     align-items: flex-start;
   }
@@ -78,7 +78,7 @@
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .flex-sm-top {
     align-self: flex-start;
   }
@@ -90,7 +90,7 @@
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .flex-items-sm-left {
     justify-content: flex-start;
   }
@@ -277,27 +277,31 @@
   padding-right: 15px;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .container {
-    max-width: 576px;
+    width: 540px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 768px) {
   .container {
-    max-width: 720px;
+    width: 720px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 992px) {
   .container {
-    max-width: 940px;
+    width: 960px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 1200px) {
   .container {
-    max-width: 1140px;
+    width: 1140px;
+    max-width: 100%;
   }
 }
 
@@ -315,7 +319,7 @@
   margin-left: -15px;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .row {
     margin-right: -15px;
     margin-left: -15px;
@@ -351,7 +355,7 @@
   padding-left: 15px;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
     padding-right: 15px;
     padding-left: 15px;
@@ -593,7 +597,7 @@
   margin-left: 91.666667%;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .col-sm {
     flex-basis: 0;
     flex-grow: 1;

docs/assets/css/docs.min.css

@@ -113,7 +113,7 @@
   margin-bottom: -2rem !important;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .bd-masthead {
     padding-top: 8rem;
     padding-bottom: 2rem;
@@ -174,7 +174,7 @@
   text-align: center;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .bd-featurette {
     text-align: left;
   }
@@ -202,7 +202,7 @@
   margin: 2.5rem auto;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .half-rule {
     margin-right: 0;
     margin-left: 0;
@@ -298,7 +298,7 @@
   text-decoration: none;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   #carbonads {
     max-width: 330px;
     margin: 50px auto 0;
@@ -374,7 +374,7 @@
   margin-bottom: .25rem;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .bd-title {
     font-size: 3rem;
   }
@@ -418,7 +418,7 @@
   font-weight: 300;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .bd-pageheader {
     padding-top: 4rem;
     padding-bottom: 4rem;
@@ -600,7 +600,7 @@
   margin-bottom: 0;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .bd-footer {
     text-align: left;
   }
@@ -690,7 +690,7 @@
   clear: both;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .bd-example {
     padding: 1.5rem;
     margin-right: 0;
@@ -809,7 +809,7 @@
   margin: 1rem -1rem -1rem;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .bd-example .navbar-fixed-top {
     margin: -1.5rem -1.5rem 1rem;
   }
@@ -915,7 +915,7 @@
   background-color: #f7f7f9;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .highlight {
     padding: 1.5rem;
     margin-right: 0;
@@ -997,13 +997,13 @@
   border: 1px solid #d6e9c6;
 }
 
-@media (max-width: 543px) {
+@media (max-width: 575px) {
   .hidden-xs-only {
     display: none !important;
   }
 }
 
-@media (min-width: 544px) and (max-width: 767px) {
+@media (min-width: 576px) and (max-width: 767px) {
   .hidden-sm-only {
     display: none !important;
   }

docs/dist/css/bootstrap-flex.css

@@ -592,7 +592,7 @@ hr {
 
 small,
 .small {
-  font-size: 80%;
+  font-size: 0.875rem;
   font-weight: normal;
 }
 
@@ -747,27 +747,31 @@ pre code {
   padding-right: 15px;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .container {
-    max-width: 576px;
+    width: 540px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 768px) {
   .container {
-    max-width: 720px;
+    width: 720px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 992px) {
   .container {
-    max-width: 940px;
+    width: 960px;
+    max-width: 100%;
   }
 }
 
 @media (min-width: 1200px) {
   .container {
-    max-width: 1140px;
+    width: 1140px;
+    max-width: 100%;
   }
 }
 
@@ -790,7 +794,7 @@ pre code {
   margin-left: -15px;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .row {
     margin-right: -15px;
     margin-left: -15px;
@@ -826,7 +830,7 @@ pre code {
   padding-left: 15px;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
     padding-right: 15px;
     padding-left: 15px;
@@ -1109,7 +1113,7 @@ pre code {
   margin-left: 91.666667%;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .col-sm {
     -webkit-flex-basis: 0;
         -ms-flex-preferred-size: 0;
@@ -2441,7 +2445,7 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .form-inline .form-group {
     display: inline-block;
     margin-bottom: 0;
@@ -3968,7 +3972,7 @@ tbody.collapse.in {
   clear: both;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar {
     border-radius: 0.25rem;
   }
@@ -3978,7 +3982,7 @@ tbody.collapse.in {
   z-index: 1000;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar-full {
     border-radius: 0;
   }
@@ -3992,7 +3996,7 @@ tbody.collapse.in {
   z-index: 1030;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar-fixed-top,
   .navbar-fixed-bottom {
     border-radius: 0;
@@ -4015,7 +4019,7 @@ tbody.collapse.in {
   width: 100%;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar-sticky-top {
     border-radius: 0;
   }
@@ -4166,14 +4170,14 @@ tbody.collapse.in {
   clear: both;
 }
 
-@media (max-width: 543px) {
+@media (max-width: 575px) {
   .navbar-toggleable-xs .navbar-nav .nav-item {
     float: none;
     margin-left: 0;
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .navbar-toggleable-xs {
     display: block !important;
   }
@@ -4444,7 +4448,7 @@ tbody.collapse.in {
   border-bottom-left-radius: calc(0.25rem - 1px);
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .card-deck {
     display: -webkit-box;
     display: -webkit-flex;
@@ -4468,7 +4472,7 @@ tbody.collapse.in {
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .card-group {
     display: -webkit-box;
     display: -webkit-flex;
@@ -4517,7 +4521,7 @@ tbody.collapse.in {
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .card-columns {
     -webkit-column-count: 3;
        -moz-column-count: 3;
@@ -4745,7 +4749,7 @@ a.tag:focus, a.tag:hover {
   border-radius: 0.3rem;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .jumbotron {
     padding: 4rem 2rem;
   }
@@ -5508,7 +5512,7 @@ button.close {
   overflow: scroll;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .modal-dialog {
     max-width: 600px;
     margin: 30px auto;
@@ -5975,7 +5979,7 @@ button.close {
   text-shadow: none;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .carousel-control .icon-prev,
   .carousel-control .icon-next {
     width: 30px;
@@ -6194,7 +6198,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
           justify-content: space-between;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .flex-sm-first {
     -webkit-box-ordinal-group: 0;
     -webkit-order: -1;
@@ -6215,7 +6219,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .flex-items-sm-top {
     -webkit-box-align: start;
     -webkit-align-items: flex-start;
@@ -6239,7 +6243,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .flex-sm-top {
     -webkit-align-self: flex-start;
         -ms-flex-item-align: start;
@@ -6257,7 +6261,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .flex-items-sm-left {
     -webkit-box-pack: start;
     -webkit-justify-content: flex-start;
@@ -6586,7 +6590,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   float: none !important;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .float-sm-left {
     float: left !important;
   }
@@ -6937,7 +6941,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   text-align: center !important;
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .text-sm-left {
     text-align: left !important;
   }
@@ -7085,13 +7089,13 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
   display: none !important;
 }
 
-@media (max-width: 543px) {
+@media (max-width: 575px) {
   .hidden-xs-down {
     display: none !important;
   }
 }
 
-@media (min-width: 544px) {
+@media (min-width: 576px) {
   .hidden-sm-up {
     display: none !important;
   }