@medyll/cssfabric 0.2.5 → 0.2.6

package/src/lib/styles/scale/scale.responsive.css

@@ -1,1446 +1,1446 @@
-@media only screen and (max-width: 1300px) {
-  .w-xxl-full {
+@media only screen and (max-width: 640px) {
+  .w-sm-full {
     width: 100%;
   }
-  .w-xxl-full-max {
+  .w-sm-full-max {
     max-width: 100%;
   }
-  .w-xxl-full-min {
+  .w-sm-full-min {
     min-width: 100%;
   }
 
-  .w-xxl-mid {
+  .w-sm-mid {
     width: 50%;
   }
-  .w-xxl-mid-max {
+  .w-sm-mid-max {
     max-width: 50%;
   }
-  .w-xxl-mid-min {
+  .w-sm-mid-min {
     min-width: 50%;
   }
 
-  .w-xxl-quarter {
+  .w-sm-quarter {
     width: 25%;
   }
-  .w-xxl-quarter-max {
+  .w-sm-quarter-max {
     max-width: 25%;
   }
-  .w-xxl-quarter-min {
+  .w-sm-quarter-min {
     min-width: 25%;
   }
 
-  .w-xxl-tiers {
+  .w-sm-tiers {
     width: 33%;
   }
-  .w-xxl-tiers-max {
+  .w-sm-tiers-max {
     max-width: 33%;
   }
-  .w-xxl-tiers-min {
+  .w-sm-tiers-min {
     min-width: 33%;
   }
 
-  .w-xxl-content-max {
+  .w-sm-content-max {
     width: max-content;
   }
-  .w-xxl-content-max-max {
+  .w-sm-content-max-max {
     max-width: max-content;
   }
-  .w-xxl-content-max-min {
+  .w-sm-content-max-min {
     min-width: max-content;
   }
 
-  .w-xxl-content-min {
+  .w-sm-content-min {
     width: min-content;
   }
-  .w-xxl-content-min-max {
+  .w-sm-content-min-max {
     max-width: min-content;
   }
-  .w-xxl-content-min-min {
+  .w-sm-content-min-min {
     min-width: min-content;
   }
 
-  .w-xxl-tiny {
+  .w-sm-tiny {
     width: 2rem;
   }
-  .w-xxl-tiny-max {
+  .w-sm-tiny-max {
     max-width: 2rem;
   }
-  .w-xxl-tiny-min {
+  .w-sm-tiny-min {
     min-width: 2rem;
   }
 
-  .w-xxl-small {
+  .w-sm-small {
     width: 4rem;
   }
-  .w-xxl-small-max {
+  .w-sm-small-max {
     max-width: 4rem;
   }
-  .w-xxl-small-min {
+  .w-sm-small-min {
     min-width: 4rem;
   }
 
-  .w-xxl-medium {
+  .w-sm-medium {
     width: 8rem;
   }
-  .w-xxl-medium-max {
+  .w-sm-medium-max {
     max-width: 8rem;
   }
-  .w-xxl-medium-min {
+  .w-sm-medium-min {
     min-width: 8rem;
   }
 
-  .w-xxl-large {
+  .w-sm-large {
     width: 16rem;
   }
-  .w-xxl-large-max {
+  .w-sm-large-max {
     max-width: 16rem;
   }
-  .w-xxl-large-min {
+  .w-sm-large-min {
     min-width: 16rem;
   }
 
-  .w-xxl-wide {
+  .w-sm-wide {
     width: 32rem;
   }
-  .w-xxl-wide-max {
+  .w-sm-wide-max {
     max-width: 32rem;
   }
-  .w-xxl-wide-min {
+  .w-sm-wide-min {
     min-width: 32rem;
   }
 
-  .w-xxl-1 {
+  .w-sm-1 {
     width: 1rem;
   }
-  .w-xxl-1-max {
+  .w-sm-1-max {
     max-width: 1rem;
   }
-  .w-xxl-1-min {
+  .w-sm-1-min {
     min-width: 1rem;
   }
 
-  .w-xxl-2 {
+  .w-sm-2 {
     width: 2rem;
   }
-  .w-xxl-2-max {
+  .w-sm-2-max {
     max-width: 2rem;
   }
-  .w-xxl-2-min {
+  .w-sm-2-min {
     min-width: 2rem;
   }
 
-  .w-xxl-4 {
+  .w-sm-4 {
     width: 4rem;
   }
-  .w-xxl-4-max {
+  .w-sm-4-max {
     max-width: 4rem;
   }
-  .w-xxl-4-min {
+  .w-sm-4-min {
     min-width: 4rem;
   }
 
-  .w-xxl-8 {
+  .w-sm-8 {
     width: 8rem;
   }
-  .w-xxl-8-max {
+  .w-sm-8-max {
     max-width: 8rem;
   }
-  .w-xxl-8-min {
+  .w-sm-8-min {
     min-width: 8rem;
   }
 
-  .w-xxl-16 {
+  .w-sm-16 {
     width: 16rem;
   }
-  .w-xxl-16-max {
+  .w-sm-16-max {
     max-width: 16rem;
   }
-  .w-xxl-16-min {
+  .w-sm-16-min {
     min-width: 16rem;
   }
 
-  .w-xxl-24 {
+  .w-sm-24 {
     width: 24rem;
   }
-  .w-xxl-24-max {
+  .w-sm-24-max {
     max-width: 24rem;
   }
-  .w-xxl-24-min {
+  .w-sm-24-min {
     min-width: 24rem;
   }
 
-  .w-xxl-32 {
+  .w-sm-32 {
     width: 32rem;
   }
-  .w-xxl-32-max {
+  .w-sm-32-max {
     max-width: 32rem;
   }
-  .w-xxl-32-min {
+  .w-sm-32-min {
     min-width: 32rem;
   }
 
-  .w-xxl-48 {
+  .w-sm-48 {
     width: 48rem;
   }
-  .w-xxl-48-max {
+  .w-sm-48-max {
     max-width: 48rem;
   }
-  .w-xxl-48-min {
+  .w-sm-48-min {
     min-width: 48rem;
   }
 
-  .w-xxl-64 {
+  .w-sm-64 {
     width: 64rem;
   }
-  .w-xxl-64-max {
+  .w-sm-64-max {
     max-width: 64rem;
   }
-  .w-xxl-64-min {
+  .w-sm-64-min {
     min-width: 64rem;
   }
 
-  .w-xxl-1-16 {
+  .w-sm-1-16 {
     width: 6.25%;
   }
-  .w-xxl-1-16-max {
+  .w-sm-1-16-max {
     max-width: 6.25%;
   }
-  .w-xxl-1-16-min {
+  .w-sm-1-16-min {
     min-width: 6.25%;
   }
 
-  .w-xxl-2-16 {
+  .w-sm-2-16 {
     width: 12.5%;
   }
-  .w-xxl-2-16-max {
+  .w-sm-2-16-max {
     max-width: 12.5%;
   }
-  .w-xxl-2-16-min {
+  .w-sm-2-16-min {
     min-width: 12.5%;
   }
 
-  .w-xxl-3-16 {
+  .w-sm-3-16 {
     width: 18.75%;
   }
-  .w-xxl-3-16-max {
+  .w-sm-3-16-max {
     max-width: 18.75%;
   }
-  .w-xxl-3-16-min {
+  .w-sm-3-16-min {
     min-width: 18.75%;
   }
 
-  .w-xxl-4-16 {
+  .w-sm-4-16 {
     width: 25%;
   }
-  .w-xxl-4-16-max {
+  .w-sm-4-16-max {
     max-width: 25%;
   }
-  .w-xxl-4-16-min {
+  .w-sm-4-16-min {
     min-width: 25%;
   }
 
-  .w-xxl-5-16 {
+  .w-sm-5-16 {
     width: 31.25%;
   }
-  .w-xxl-5-16-max {
+  .w-sm-5-16-max {
     max-width: 31.25%;
   }
-  .w-xxl-5-16-min {
+  .w-sm-5-16-min {
     min-width: 31.25%;
   }
 
-  .w-xxl-6-16 {
+  .w-sm-6-16 {
     width: 37.5%;
   }
-  .w-xxl-6-16-max {
+  .w-sm-6-16-max {
     max-width: 37.5%;
   }
-  .w-xxl-6-16-min {
+  .w-sm-6-16-min {
     min-width: 37.5%;
   }
 
-  .w-xxl-7-16 {
+  .w-sm-7-16 {
     width: 43.75%;
   }
-  .w-xxl-7-16-max {
+  .w-sm-7-16-max {
     max-width: 43.75%;
   }
-  .w-xxl-7-16-min {
+  .w-sm-7-16-min {
     min-width: 43.75%;
   }
 
-  .w-xxl-8-16 {
+  .w-sm-8-16 {
     width: 50%;
   }
-  .w-xxl-8-16-max {
+  .w-sm-8-16-max {
     max-width: 50%;
   }
-  .w-xxl-8-16-min {
+  .w-sm-8-16-min {
     min-width: 50%;
   }
 
-  .w-xxl-9-16 {
+  .w-sm-9-16 {
     width: 56.25%;
   }
-  .w-xxl-9-16-max {
+  .w-sm-9-16-max {
     max-width: 56.25%;
   }
-  .w-xxl-9-16-min {
+  .w-sm-9-16-min {
     min-width: 56.25%;
   }
 
-  .w-xxl-10-16 {
+  .w-sm-10-16 {
     width: 62.5%;
   }
-  .w-xxl-10-16-max {
+  .w-sm-10-16-max {
     max-width: 62.5%;
   }
-  .w-xxl-10-16-min {
+  .w-sm-10-16-min {
     min-width: 62.5%;
   }
 
-  .w-xxl-11-16 {
+  .w-sm-11-16 {
     width: 68.75%;
   }
-  .w-xxl-11-16-max {
+  .w-sm-11-16-max {
     max-width: 68.75%;
   }
-  .w-xxl-11-16-min {
+  .w-sm-11-16-min {
     min-width: 68.75%;
   }
 
-  .w-xxl-12-16 {
+  .w-sm-12-16 {
     width: 75%;
   }
-  .w-xxl-12-16-max {
+  .w-sm-12-16-max {
     max-width: 75%;
   }
-  .w-xxl-12-16-min {
+  .w-sm-12-16-min {
     min-width: 75%;
   }
 
-  .w-xxl-13-16 {
+  .w-sm-13-16 {
     width: 81.25%;
   }
-  .w-xxl-13-16-max {
+  .w-sm-13-16-max {
     max-width: 81.25%;
   }
-  .w-xxl-13-16-min {
+  .w-sm-13-16-min {
     min-width: 81.25%;
   }
 
-  .w-xxl-14-16 {
+  .w-sm-14-16 {
     width: 87.5%;
   }
-  .w-xxl-14-16-max {
+  .w-sm-14-16-max {
     max-width: 87.5%;
   }
-  .w-xxl-14-16-min {
+  .w-sm-14-16-min {
     min-width: 87.5%;
   }
 
-  .w-xxl-15-16 {
+  .w-sm-15-16 {
     width: 93.75%;
   }
-  .w-xxl-15-16-max {
+  .w-sm-15-16-max {
     max-width: 93.75%;
   }
-  .w-xxl-15-16-min {
+  .w-sm-15-16-min {
     min-width: 93.75%;
   }
 
-  .w-xxl-16-16 {
+  .w-sm-16-16 {
     width: 100%;
   }
-  .w-xxl-16-16-max {
+  .w-sm-16-16-max {
     max-width: 100%;
   }
-  .w-xxl-16-16-min {
+  .w-sm-16-16-min {
     min-width: 100%;
   }
 
-  .h-xxl-full {
+  .h-sm-full {
     height: 100%;
   }
-  .h-xxl-full-max {
+  .h-sm-full-max {
     max-height: 100%;
   }
-  .h-xxl-full-min {
+  .h-sm-full-min {
     min-height: 100%;
   }
 
-  .h-xxl-mid {
+  .h-sm-mid {
     height: 50%;
   }
-  .h-xxl-mid-max {
+  .h-sm-mid-max {
     max-height: 50%;
   }
-  .h-xxl-mid-min {
+  .h-sm-mid-min {
     min-height: 50%;
   }
 
-  .h-xxl-quarter {
+  .h-sm-quarter {
     height: 25%;
   }
-  .h-xxl-quarter-max {
+  .h-sm-quarter-max {
     max-height: 25%;
   }
-  .h-xxl-quarter-min {
+  .h-sm-quarter-min {
     min-height: 25%;
   }
 
-  .h-xxl-tiers {
+  .h-sm-tiers {
     height: 33%;
   }
-  .h-xxl-tiers-max {
+  .h-sm-tiers-max {
     max-height: 33%;
   }
-  .h-xxl-tiers-min {
+  .h-sm-tiers-min {
     min-height: 33%;
   }
 
-  .h-xxl-content-max {
+  .h-sm-content-max {
     height: max-content;
   }
-  .h-xxl-content-max-max {
+  .h-sm-content-max-max {
     max-height: max-content;
   }
-  .h-xxl-content-max-min {
+  .h-sm-content-max-min {
     min-height: max-content;
   }
 
-  .h-xxl-content-min {
+  .h-sm-content-min {
     height: min-content;
   }
-  .h-xxl-content-min-max {
+  .h-sm-content-min-max {
     max-height: min-content;
   }
-  .h-xxl-content-min-min {
+  .h-sm-content-min-min {
     min-height: min-content;
   }
 
-  .h-xxl-tiny {
+  .h-sm-tiny {
     height: 2rem;
   }
-  .h-xxl-tiny-max {
+  .h-sm-tiny-max {
     max-height: 2rem;
   }
-  .h-xxl-tiny-min {
+  .h-sm-tiny-min {
     min-height: 2rem;
   }
 
-  .h-xxl-small {
+  .h-sm-small {
     height: 4rem;
   }
-  .h-xxl-small-max {
+  .h-sm-small-max {
     max-height: 4rem;
   }
-  .h-xxl-small-min {
+  .h-sm-small-min {
     min-height: 4rem;
   }
 
-  .h-xxl-medium {
+  .h-sm-medium {
     height: 8rem;
   }
-  .h-xxl-medium-max {
+  .h-sm-medium-max {
     max-height: 8rem;
   }
-  .h-xxl-medium-min {
+  .h-sm-medium-min {
     min-height: 8rem;
   }
 
-  .h-xxl-large {
+  .h-sm-large {
     height: 16rem;
   }
-  .h-xxl-large-max {
+  .h-sm-large-max {
     max-height: 16rem;
   }
-  .h-xxl-large-min {
+  .h-sm-large-min {
     min-height: 16rem;
   }
 
-  .h-xxl-wide {
+  .h-sm-wide {
     height: 32rem;
   }
-  .h-xxl-wide-max {
+  .h-sm-wide-max {
     max-height: 32rem;
   }
-  .h-xxl-wide-min {
+  .h-sm-wide-min {
     min-height: 32rem;
   }
 
-  .h-xxl-1 {
+  .h-sm-1 {
     height: 1rem;
   }
-  .h-xxl-1-max {
+  .h-sm-1-max {
     max-height: 1rem;
   }
-  .h-xxl-1-min {
+  .h-sm-1-min {
     min-height: 1rem;
   }
 
-  .h-xxl-2 {
+  .h-sm-2 {
     height: 2rem;
   }
-  .h-xxl-2-max {
+  .h-sm-2-max {
     max-height: 2rem;
   }
-  .h-xxl-2-min {
+  .h-sm-2-min {
     min-height: 2rem;
   }
 
-  .h-xxl-4 {
+  .h-sm-4 {
     height: 4rem;
   }
-  .h-xxl-4-max {
+  .h-sm-4-max {
     max-height: 4rem;
   }
-  .h-xxl-4-min {
+  .h-sm-4-min {
     min-height: 4rem;
   }
 
-  .h-xxl-8 {
+  .h-sm-8 {
     height: 8rem;
   }
-  .h-xxl-8-max {
+  .h-sm-8-max {
     max-height: 8rem;
   }
-  .h-xxl-8-min {
+  .h-sm-8-min {
     min-height: 8rem;
   }
 
-  .h-xxl-16 {
+  .h-sm-16 {
     height: 16rem;
   }
-  .h-xxl-16-max {
+  .h-sm-16-max {
     max-height: 16rem;
   }
-  .h-xxl-16-min {
+  .h-sm-16-min {
     min-height: 16rem;
   }
 
-  .h-xxl-24 {
+  .h-sm-24 {
     height: 24rem;
   }
-  .h-xxl-24-max {
+  .h-sm-24-max {
     max-height: 24rem;
   }
-  .h-xxl-24-min {
+  .h-sm-24-min {
     min-height: 24rem;
   }
 
-  .h-xxl-32 {
+  .h-sm-32 {
     height: 32rem;
   }
-  .h-xxl-32-max {
+  .h-sm-32-max {
     max-height: 32rem;
   }
-  .h-xxl-32-min {
+  .h-sm-32-min {
     min-height: 32rem;
   }
 
-  .h-xxl-48 {
+  .h-sm-48 {
     height: 48rem;
   }
-  .h-xxl-48-max {
+  .h-sm-48-max {
     max-height: 48rem;
   }
-  .h-xxl-48-min {
+  .h-sm-48-min {
     min-height: 48rem;
   }
 
-  .h-xxl-64 {
+  .h-sm-64 {
     height: 64rem;
   }
-  .h-xxl-64-max {
+  .h-sm-64-max {
     max-height: 64rem;
   }
-  .h-xxl-64-min {
+  .h-sm-64-min {
     min-height: 64rem;
   }
 
-  .h-xxl-1-16 {
+  .h-sm-1-16 {
     height: 6.25%;
   }
-  .h-xxl-1-16-max {
+  .h-sm-1-16-max {
     max-height: 6.25%;
   }
-  .h-xxl-1-16-min {
+  .h-sm-1-16-min {
     min-height: 6.25%;
   }
 
-  .h-xxl-2-16 {
+  .h-sm-2-16 {
     height: 12.5%;
   }
-  .h-xxl-2-16-max {
+  .h-sm-2-16-max {
     max-height: 12.5%;
   }
-  .h-xxl-2-16-min {
+  .h-sm-2-16-min {
     min-height: 12.5%;
   }
 
-  .h-xxl-3-16 {
+  .h-sm-3-16 {
     height: 18.75%;
   }
-  .h-xxl-3-16-max {
+  .h-sm-3-16-max {
     max-height: 18.75%;
   }
-  .h-xxl-3-16-min {
+  .h-sm-3-16-min {
     min-height: 18.75%;
   }
 
-  .h-xxl-4-16 {
+  .h-sm-4-16 {
     height: 25%;
   }
-  .h-xxl-4-16-max {
+  .h-sm-4-16-max {
     max-height: 25%;
   }
-  .h-xxl-4-16-min {
+  .h-sm-4-16-min {
     min-height: 25%;
   }
 
-  .h-xxl-5-16 {
+  .h-sm-5-16 {
     height: 31.25%;
   }
-  .h-xxl-5-16-max {
+  .h-sm-5-16-max {
     max-height: 31.25%;
   }
-  .h-xxl-5-16-min {
+  .h-sm-5-16-min {
     min-height: 31.25%;
   }
 
-  .h-xxl-6-16 {
+  .h-sm-6-16 {
     height: 37.5%;
   }
-  .h-xxl-6-16-max {
+  .h-sm-6-16-max {
     max-height: 37.5%;
   }
-  .h-xxl-6-16-min {
+  .h-sm-6-16-min {
     min-height: 37.5%;
   }
 
-  .h-xxl-7-16 {
+  .h-sm-7-16 {
     height: 43.75%;
   }
-  .h-xxl-7-16-max {
+  .h-sm-7-16-max {
     max-height: 43.75%;
   }
-  .h-xxl-7-16-min {
+  .h-sm-7-16-min {
     min-height: 43.75%;
   }
 
-  .h-xxl-8-16 {
+  .h-sm-8-16 {
     height: 50%;
   }
-  .h-xxl-8-16-max {
+  .h-sm-8-16-max {
     max-height: 50%;
   }
-  .h-xxl-8-16-min {
+  .h-sm-8-16-min {
     min-height: 50%;
   }
 
-  .h-xxl-9-16 {
+  .h-sm-9-16 {
     height: 56.25%;
   }
-  .h-xxl-9-16-max {
+  .h-sm-9-16-max {
     max-height: 56.25%;
   }
-  .h-xxl-9-16-min {
+  .h-sm-9-16-min {
     min-height: 56.25%;
   }
 
-  .h-xxl-10-16 {
+  .h-sm-10-16 {
     height: 62.5%;
   }
-  .h-xxl-10-16-max {
+  .h-sm-10-16-max {
     max-height: 62.5%;
   }
-  .h-xxl-10-16-min {
+  .h-sm-10-16-min {
     min-height: 62.5%;
   }
 
-  .h-xxl-11-16 {
+  .h-sm-11-16 {
     height: 68.75%;
   }
-  .h-xxl-11-16-max {
+  .h-sm-11-16-max {
     max-height: 68.75%;
   }
-  .h-xxl-11-16-min {
+  .h-sm-11-16-min {
     min-height: 68.75%;
   }
 
-  .h-xxl-12-16 {
+  .h-sm-12-16 {
     height: 75%;
   }
-  .h-xxl-12-16-max {
+  .h-sm-12-16-max {
     max-height: 75%;
   }
-  .h-xxl-12-16-min {
+  .h-sm-12-16-min {
     min-height: 75%;
   }
 
-  .h-xxl-13-16 {
+  .h-sm-13-16 {
     height: 81.25%;
   }
-  .h-xxl-13-16-max {
+  .h-sm-13-16-max {
     max-height: 81.25%;
   }
-  .h-xxl-13-16-min {
+  .h-sm-13-16-min {
     min-height: 81.25%;
   }
 
-  .h-xxl-14-16 {
+  .h-sm-14-16 {
     height: 87.5%;
   }
-  .h-xxl-14-16-max {
+  .h-sm-14-16-max {
     max-height: 87.5%;
   }
-  .h-xxl-14-16-min {
+  .h-sm-14-16-min {
     min-height: 87.5%;
   }
 
-  .h-xxl-15-16 {
+  .h-sm-15-16 {
     height: 93.75%;
   }
-  .h-xxl-15-16-max {
+  .h-sm-15-16-max {
     max-height: 93.75%;
   }
-  .h-xxl-15-16-min {
+  .h-sm-15-16-min {
     min-height: 93.75%;
   }
 
-  .h-xxl-16-16 {
+  .h-sm-16-16 {
     height: 100%;
   }
-  .h-xxl-16-16-max {
+  .h-sm-16-16-max {
     max-height: 100%;
   }
-  .h-xxl-16-16-min {
+  .h-sm-16-16-min {
     min-height: 100%;
   }
 }
-@media only screen and (max-width: 1200px) {
-  .w-xl-full {
+@media only screen and (max-width: 768px) {
+  .w-md-full {
     width: 100%;
   }
-  .w-xl-full-max {
+  .w-md-full-max {
     max-width: 100%;
   }
-  .w-xl-full-min {
+  .w-md-full-min {
     min-width: 100%;
   }
 
-  .w-xl-mid {
+  .w-md-mid {
     width: 50%;
   }
-  .w-xl-mid-max {
+  .w-md-mid-max {
     max-width: 50%;
   }
-  .w-xl-mid-min {
+  .w-md-mid-min {
     min-width: 50%;
   }
 
-  .w-xl-quarter {
+  .w-md-quarter {
     width: 25%;
   }
-  .w-xl-quarter-max {
+  .w-md-quarter-max {
     max-width: 25%;
   }
-  .w-xl-quarter-min {
+  .w-md-quarter-min {
     min-width: 25%;
   }
 
-  .w-xl-tiers {
+  .w-md-tiers {
     width: 33%;
   }
-  .w-xl-tiers-max {
+  .w-md-tiers-max {
     max-width: 33%;
   }
-  .w-xl-tiers-min {
+  .w-md-tiers-min {
     min-width: 33%;
   }
 
-  .w-xl-content-max {
+  .w-md-content-max {
     width: max-content;
   }
-  .w-xl-content-max-max {
+  .w-md-content-max-max {
     max-width: max-content;
   }
-  .w-xl-content-max-min {
+  .w-md-content-max-min {
     min-width: max-content;
   }
 
-  .w-xl-content-min {
+  .w-md-content-min {
     width: min-content;
   }
-  .w-xl-content-min-max {
+  .w-md-content-min-max {
     max-width: min-content;
   }
-  .w-xl-content-min-min {
+  .w-md-content-min-min {
     min-width: min-content;
   }
 
-  .w-xl-tiny {
+  .w-md-tiny {
     width: 2rem;
   }
-  .w-xl-tiny-max {
+  .w-md-tiny-max {
     max-width: 2rem;
   }
-  .w-xl-tiny-min {
+  .w-md-tiny-min {
     min-width: 2rem;
   }
 
-  .w-xl-small {
+  .w-md-small {
     width: 4rem;
   }
-  .w-xl-small-max {
+  .w-md-small-max {
     max-width: 4rem;
   }
-  .w-xl-small-min {
+  .w-md-small-min {
     min-width: 4rem;
   }
 
-  .w-xl-medium {
+  .w-md-medium {
     width: 8rem;
   }
-  .w-xl-medium-max {
+  .w-md-medium-max {
     max-width: 8rem;
   }
-  .w-xl-medium-min {
+  .w-md-medium-min {
     min-width: 8rem;
   }
 
-  .w-xl-large {
+  .w-md-large {
     width: 16rem;
   }
-  .w-xl-large-max {
+  .w-md-large-max {
     max-width: 16rem;
   }
-  .w-xl-large-min {
+  .w-md-large-min {
     min-width: 16rem;
   }
 
-  .w-xl-wide {
+  .w-md-wide {
     width: 32rem;
   }
-  .w-xl-wide-max {
+  .w-md-wide-max {
     max-width: 32rem;
   }
-  .w-xl-wide-min {
+  .w-md-wide-min {
     min-width: 32rem;
   }
 
-  .w-xl-1 {
+  .w-md-1 {
     width: 1rem;
   }
-  .w-xl-1-max {
+  .w-md-1-max {
     max-width: 1rem;
   }
-  .w-xl-1-min {
+  .w-md-1-min {
     min-width: 1rem;
   }
 
-  .w-xl-2 {
+  .w-md-2 {
     width: 2rem;
   }
-  .w-xl-2-max {
+  .w-md-2-max {
     max-width: 2rem;
   }
-  .w-xl-2-min {
+  .w-md-2-min {
     min-width: 2rem;
   }
 
-  .w-xl-4 {
+  .w-md-4 {
     width: 4rem;
   }
-  .w-xl-4-max {
+  .w-md-4-max {
     max-width: 4rem;
   }
-  .w-xl-4-min {
+  .w-md-4-min {
     min-width: 4rem;
   }
 
-  .w-xl-8 {
+  .w-md-8 {
     width: 8rem;
   }
-  .w-xl-8-max {
+  .w-md-8-max {
     max-width: 8rem;
   }
-  .w-xl-8-min {
+  .w-md-8-min {
     min-width: 8rem;
   }
 
-  .w-xl-16 {
+  .w-md-16 {
     width: 16rem;
   }
-  .w-xl-16-max {
+  .w-md-16-max {
     max-width: 16rem;
   }
-  .w-xl-16-min {
+  .w-md-16-min {
     min-width: 16rem;
   }
 
-  .w-xl-24 {
+  .w-md-24 {
     width: 24rem;
   }
-  .w-xl-24-max {
+  .w-md-24-max {
     max-width: 24rem;
   }
-  .w-xl-24-min {
+  .w-md-24-min {
     min-width: 24rem;
   }
 
-  .w-xl-32 {
+  .w-md-32 {
     width: 32rem;
   }
-  .w-xl-32-max {
+  .w-md-32-max {
     max-width: 32rem;
   }
-  .w-xl-32-min {
+  .w-md-32-min {
     min-width: 32rem;
   }
 
-  .w-xl-48 {
+  .w-md-48 {
     width: 48rem;
   }
-  .w-xl-48-max {
+  .w-md-48-max {
     max-width: 48rem;
   }
-  .w-xl-48-min {
+  .w-md-48-min {
     min-width: 48rem;
   }
 
-  .w-xl-64 {
+  .w-md-64 {
     width: 64rem;
   }
-  .w-xl-64-max {
+  .w-md-64-max {
     max-width: 64rem;
   }
-  .w-xl-64-min {
+  .w-md-64-min {
     min-width: 64rem;
   }
 
-  .w-xl-1-16 {
+  .w-md-1-16 {
     width: 6.25%;
   }
-  .w-xl-1-16-max {
+  .w-md-1-16-max {
     max-width: 6.25%;
   }
-  .w-xl-1-16-min {
+  .w-md-1-16-min {
     min-width: 6.25%;
   }
 
-  .w-xl-2-16 {
+  .w-md-2-16 {
     width: 12.5%;
   }
-  .w-xl-2-16-max {
+  .w-md-2-16-max {
     max-width: 12.5%;
   }
-  .w-xl-2-16-min {
+  .w-md-2-16-min {
     min-width: 12.5%;
   }
 
-  .w-xl-3-16 {
+  .w-md-3-16 {
     width: 18.75%;
   }
-  .w-xl-3-16-max {
+  .w-md-3-16-max {
     max-width: 18.75%;
   }
-  .w-xl-3-16-min {
+  .w-md-3-16-min {
     min-width: 18.75%;
   }
 
-  .w-xl-4-16 {
+  .w-md-4-16 {
     width: 25%;
   }
-  .w-xl-4-16-max {
+  .w-md-4-16-max {
     max-width: 25%;
   }
-  .w-xl-4-16-min {
+  .w-md-4-16-min {
     min-width: 25%;
   }
 
-  .w-xl-5-16 {
+  .w-md-5-16 {
     width: 31.25%;
   }
-  .w-xl-5-16-max {
+  .w-md-5-16-max {
     max-width: 31.25%;
   }
-  .w-xl-5-16-min {
+  .w-md-5-16-min {
     min-width: 31.25%;
   }
 
-  .w-xl-6-16 {
+  .w-md-6-16 {
     width: 37.5%;
   }
-  .w-xl-6-16-max {
+  .w-md-6-16-max {
     max-width: 37.5%;
   }
-  .w-xl-6-16-min {
+  .w-md-6-16-min {
     min-width: 37.5%;
   }
 
-  .w-xl-7-16 {
+  .w-md-7-16 {
     width: 43.75%;
   }
-  .w-xl-7-16-max {
+  .w-md-7-16-max {
     max-width: 43.75%;
   }
-  .w-xl-7-16-min {
+  .w-md-7-16-min {
     min-width: 43.75%;
   }
 
-  .w-xl-8-16 {
+  .w-md-8-16 {
     width: 50%;
   }
-  .w-xl-8-16-max {
+  .w-md-8-16-max {
     max-width: 50%;
   }
-  .w-xl-8-16-min {
+  .w-md-8-16-min {
     min-width: 50%;
   }
 
-  .w-xl-9-16 {
+  .w-md-9-16 {
     width: 56.25%;
   }
-  .w-xl-9-16-max {
+  .w-md-9-16-max {
     max-width: 56.25%;
   }
-  .w-xl-9-16-min {
+  .w-md-9-16-min {
     min-width: 56.25%;
   }
 
-  .w-xl-10-16 {
+  .w-md-10-16 {
     width: 62.5%;
   }
-  .w-xl-10-16-max {
+  .w-md-10-16-max {
     max-width: 62.5%;
   }
-  .w-xl-10-16-min {
+  .w-md-10-16-min {
     min-width: 62.5%;
   }
 
-  .w-xl-11-16 {
+  .w-md-11-16 {
     width: 68.75%;
   }
-  .w-xl-11-16-max {
+  .w-md-11-16-max {
     max-width: 68.75%;
   }
-  .w-xl-11-16-min {
+  .w-md-11-16-min {
     min-width: 68.75%;
   }
 
-  .w-xl-12-16 {
+  .w-md-12-16 {
     width: 75%;
   }
-  .w-xl-12-16-max {
+  .w-md-12-16-max {
     max-width: 75%;
   }
-  .w-xl-12-16-min {
+  .w-md-12-16-min {
     min-width: 75%;
   }
 
-  .w-xl-13-16 {
+  .w-md-13-16 {
     width: 81.25%;
   }
-  .w-xl-13-16-max {
+  .w-md-13-16-max {
     max-width: 81.25%;
   }
-  .w-xl-13-16-min {
+  .w-md-13-16-min {
     min-width: 81.25%;
   }
 
-  .w-xl-14-16 {
+  .w-md-14-16 {
     width: 87.5%;
   }
-  .w-xl-14-16-max {
+  .w-md-14-16-max {
     max-width: 87.5%;
   }
-  .w-xl-14-16-min {
+  .w-md-14-16-min {
     min-width: 87.5%;
   }
 
-  .w-xl-15-16 {
+  .w-md-15-16 {
     width: 93.75%;
   }
-  .w-xl-15-16-max {
+  .w-md-15-16-max {
     max-width: 93.75%;
   }
-  .w-xl-15-16-min {
+  .w-md-15-16-min {
     min-width: 93.75%;
   }
 
-  .w-xl-16-16 {
+  .w-md-16-16 {
     width: 100%;
   }
-  .w-xl-16-16-max {
+  .w-md-16-16-max {
     max-width: 100%;
   }
-  .w-xl-16-16-min {
+  .w-md-16-16-min {
     min-width: 100%;
   }
 
-  .h-xl-full {
+  .h-md-full {
     height: 100%;
   }
-  .h-xl-full-max {
+  .h-md-full-max {
     max-height: 100%;
   }
-  .h-xl-full-min {
+  .h-md-full-min {
     min-height: 100%;
   }
 
-  .h-xl-mid {
+  .h-md-mid {
     height: 50%;
   }
-  .h-xl-mid-max {
+  .h-md-mid-max {
     max-height: 50%;
   }
-  .h-xl-mid-min {
+  .h-md-mid-min {
     min-height: 50%;
   }
 
-  .h-xl-quarter {
+  .h-md-quarter {
     height: 25%;
   }
-  .h-xl-quarter-max {
+  .h-md-quarter-max {
     max-height: 25%;
   }
-  .h-xl-quarter-min {
+  .h-md-quarter-min {
     min-height: 25%;
   }
 
-  .h-xl-tiers {
+  .h-md-tiers {
     height: 33%;
   }
-  .h-xl-tiers-max {
+  .h-md-tiers-max {
     max-height: 33%;
   }
-  .h-xl-tiers-min {
+  .h-md-tiers-min {
     min-height: 33%;
   }
 
-  .h-xl-content-max {
+  .h-md-content-max {
     height: max-content;
   }
-  .h-xl-content-max-max {
+  .h-md-content-max-max {
     max-height: max-content;
   }
-  .h-xl-content-max-min {
+  .h-md-content-max-min {
     min-height: max-content;
   }
 
-  .h-xl-content-min {
+  .h-md-content-min {
     height: min-content;
   }
-  .h-xl-content-min-max {
+  .h-md-content-min-max {
     max-height: min-content;
   }
-  .h-xl-content-min-min {
+  .h-md-content-min-min {
     min-height: min-content;
   }
 
-  .h-xl-tiny {
+  .h-md-tiny {
     height: 2rem;
   }
-  .h-xl-tiny-max {
+  .h-md-tiny-max {
     max-height: 2rem;
   }
-  .h-xl-tiny-min {
+  .h-md-tiny-min {
     min-height: 2rem;
   }
 
-  .h-xl-small {
+  .h-md-small {
     height: 4rem;
   }
-  .h-xl-small-max {
+  .h-md-small-max {
     max-height: 4rem;
   }
-  .h-xl-small-min {
+  .h-md-small-min {
     min-height: 4rem;
   }
 
-  .h-xl-medium {
+  .h-md-medium {
     height: 8rem;
   }
-  .h-xl-medium-max {
+  .h-md-medium-max {
     max-height: 8rem;
   }
-  .h-xl-medium-min {
+  .h-md-medium-min {
     min-height: 8rem;
   }
 
-  .h-xl-large {
+  .h-md-large {
     height: 16rem;
   }
-  .h-xl-large-max {
+  .h-md-large-max {
     max-height: 16rem;
   }
-  .h-xl-large-min {
+  .h-md-large-min {
     min-height: 16rem;
   }
 
-  .h-xl-wide {
+  .h-md-wide {
     height: 32rem;
   }
-  .h-xl-wide-max {
+  .h-md-wide-max {
     max-height: 32rem;
   }
-  .h-xl-wide-min {
+  .h-md-wide-min {
     min-height: 32rem;
   }
 
-  .h-xl-1 {
+  .h-md-1 {
     height: 1rem;
   }
-  .h-xl-1-max {
+  .h-md-1-max {
     max-height: 1rem;
   }
-  .h-xl-1-min {
+  .h-md-1-min {
     min-height: 1rem;
   }
 
-  .h-xl-2 {
+  .h-md-2 {
     height: 2rem;
   }
-  .h-xl-2-max {
+  .h-md-2-max {
     max-height: 2rem;
   }
-  .h-xl-2-min {
+  .h-md-2-min {
     min-height: 2rem;
   }
 
-  .h-xl-4 {
+  .h-md-4 {
     height: 4rem;
   }
-  .h-xl-4-max {
+  .h-md-4-max {
     max-height: 4rem;
   }
-  .h-xl-4-min {
+  .h-md-4-min {
     min-height: 4rem;
   }
 
-  .h-xl-8 {
+  .h-md-8 {
     height: 8rem;
   }
-  .h-xl-8-max {
+  .h-md-8-max {
     max-height: 8rem;
   }
-  .h-xl-8-min {
+  .h-md-8-min {
     min-height: 8rem;
   }
 
-  .h-xl-16 {
+  .h-md-16 {
     height: 16rem;
   }
-  .h-xl-16-max {
+  .h-md-16-max {
     max-height: 16rem;
   }
-  .h-xl-16-min {
+  .h-md-16-min {
     min-height: 16rem;
   }
 
-  .h-xl-24 {
+  .h-md-24 {
     height: 24rem;
   }
-  .h-xl-24-max {
+  .h-md-24-max {
     max-height: 24rem;
   }
-  .h-xl-24-min {
+  .h-md-24-min {
     min-height: 24rem;
   }
 
-  .h-xl-32 {
+  .h-md-32 {
     height: 32rem;
   }
-  .h-xl-32-max {
+  .h-md-32-max {
     max-height: 32rem;
   }
-  .h-xl-32-min {
+  .h-md-32-min {
     min-height: 32rem;
   }
 
-  .h-xl-48 {
+  .h-md-48 {
     height: 48rem;
   }
-  .h-xl-48-max {
+  .h-md-48-max {
     max-height: 48rem;
   }
-  .h-xl-48-min {
+  .h-md-48-min {
     min-height: 48rem;
   }
 
-  .h-xl-64 {
+  .h-md-64 {
     height: 64rem;
   }
-  .h-xl-64-max {
+  .h-md-64-max {
     max-height: 64rem;
   }
-  .h-xl-64-min {
+  .h-md-64-min {
     min-height: 64rem;
   }
 
-  .h-xl-1-16 {
+  .h-md-1-16 {
     height: 6.25%;
   }
-  .h-xl-1-16-max {
+  .h-md-1-16-max {
     max-height: 6.25%;
   }
-  .h-xl-1-16-min {
+  .h-md-1-16-min {
     min-height: 6.25%;
   }
 
-  .h-xl-2-16 {
+  .h-md-2-16 {
     height: 12.5%;
   }
-  .h-xl-2-16-max {
+  .h-md-2-16-max {
     max-height: 12.5%;
   }
-  .h-xl-2-16-min {
+  .h-md-2-16-min {
     min-height: 12.5%;
   }
 
-  .h-xl-3-16 {
+  .h-md-3-16 {
     height: 18.75%;
   }
-  .h-xl-3-16-max {
+  .h-md-3-16-max {
     max-height: 18.75%;
   }
-  .h-xl-3-16-min {
+  .h-md-3-16-min {
     min-height: 18.75%;
   }
 
-  .h-xl-4-16 {
+  .h-md-4-16 {
     height: 25%;
   }
-  .h-xl-4-16-max {
+  .h-md-4-16-max {
     max-height: 25%;
   }
-  .h-xl-4-16-min {
+  .h-md-4-16-min {
     min-height: 25%;
   }
 
-  .h-xl-5-16 {
+  .h-md-5-16 {
     height: 31.25%;
   }
-  .h-xl-5-16-max {
+  .h-md-5-16-max {
     max-height: 31.25%;
   }
-  .h-xl-5-16-min {
+  .h-md-5-16-min {
     min-height: 31.25%;
   }
 
-  .h-xl-6-16 {
+  .h-md-6-16 {
     height: 37.5%;
   }
-  .h-xl-6-16-max {
+  .h-md-6-16-max {
     max-height: 37.5%;
   }
-  .h-xl-6-16-min {
+  .h-md-6-16-min {
     min-height: 37.5%;
   }
 
-  .h-xl-7-16 {
+  .h-md-7-16 {
     height: 43.75%;
   }
-  .h-xl-7-16-max {
+  .h-md-7-16-max {
     max-height: 43.75%;
   }
-  .h-xl-7-16-min {
+  .h-md-7-16-min {
     min-height: 43.75%;
   }
 
-  .h-xl-8-16 {
+  .h-md-8-16 {
     height: 50%;
   }
-  .h-xl-8-16-max {
+  .h-md-8-16-max {
     max-height: 50%;
   }
-  .h-xl-8-16-min {
+  .h-md-8-16-min {
     min-height: 50%;
   }
 
-  .h-xl-9-16 {
+  .h-md-9-16 {
     height: 56.25%;
   }
-  .h-xl-9-16-max {
+  .h-md-9-16-max {
     max-height: 56.25%;
   }
-  .h-xl-9-16-min {
+  .h-md-9-16-min {
     min-height: 56.25%;
   }
 
-  .h-xl-10-16 {
+  .h-md-10-16 {
     height: 62.5%;
   }
-  .h-xl-10-16-max {
+  .h-md-10-16-max {
     max-height: 62.5%;
   }
-  .h-xl-10-16-min {
+  .h-md-10-16-min {
     min-height: 62.5%;
   }
 
-  .h-xl-11-16 {
+  .h-md-11-16 {
     height: 68.75%;
   }
-  .h-xl-11-16-max {
+  .h-md-11-16-max {
     max-height: 68.75%;
   }
-  .h-xl-11-16-min {
+  .h-md-11-16-min {
     min-height: 68.75%;
   }
 
-  .h-xl-12-16 {
+  .h-md-12-16 {
     height: 75%;
   }
-  .h-xl-12-16-max {
+  .h-md-12-16-max {
     max-height: 75%;
   }
-  .h-xl-12-16-min {
+  .h-md-12-16-min {
     min-height: 75%;
   }
 
-  .h-xl-13-16 {
+  .h-md-13-16 {
     height: 81.25%;
   }
-  .h-xl-13-16-max {
+  .h-md-13-16-max {
     max-height: 81.25%;
   }
-  .h-xl-13-16-min {
+  .h-md-13-16-min {
     min-height: 81.25%;
   }
 
-  .h-xl-14-16 {
+  .h-md-14-16 {
     height: 87.5%;
   }
-  .h-xl-14-16-max {
+  .h-md-14-16-max {
     max-height: 87.5%;
   }
-  .h-xl-14-16-min {
+  .h-md-14-16-min {
     min-height: 87.5%;
   }
 
-  .h-xl-15-16 {
+  .h-md-15-16 {
     height: 93.75%;
   }
-  .h-xl-15-16-max {
+  .h-md-15-16-max {
     max-height: 93.75%;
   }
-  .h-xl-15-16-min {
+  .h-md-15-16-min {
     min-height: 93.75%;
   }
 
-  .h-xl-16-16 {
+  .h-md-16-16 {
     height: 100%;
   }
-  .h-xl-16-16-max {
+  .h-md-16-16-max {
     max-height: 100%;
   }
-  .h-xl-16-16-min {
+  .h-md-16-16-min {
     min-height: 100%;
   }
 }
-@media only screen and (max-width: 960px) {
+@media only screen and (max-width: 1024px) {
   .w-lg-full {
     width: 100%;
   }
@@ -2161,724 +2161,1445 @@
     min-height: 100%;
   }
 }
-@media only screen and (max-width: 760px) {
-  .w-md-full {
+@media only screen and (max-width: 1280px) {
+  .w-xl-full {
     width: 100%;
   }
-  .w-md-full-max {
+  .w-xl-full-max {
     max-width: 100%;
   }
-  .w-md-full-min {
+  .w-xl-full-min {
     min-width: 100%;
   }
 
-  .w-md-mid {
+  .w-xl-mid {
     width: 50%;
   }
-  .w-md-mid-max {
+  .w-xl-mid-max {
     max-width: 50%;
   }
-  .w-md-mid-min {
+  .w-xl-mid-min {
     min-width: 50%;
   }
 
-  .w-md-quarter {
+  .w-xl-quarter {
     width: 25%;
   }
-  .w-md-quarter-max {
+  .w-xl-quarter-max {
     max-width: 25%;
   }
-  .w-md-quarter-min {
+  .w-xl-quarter-min {
     min-width: 25%;
   }
 
-  .w-md-tiers {
+  .w-xl-tiers {
     width: 33%;
   }
-  .w-md-tiers-max {
+  .w-xl-tiers-max {
     max-width: 33%;
   }
-  .w-md-tiers-min {
+  .w-xl-tiers-min {
     min-width: 33%;
   }
 
-  .w-md-content-max {
+  .w-xl-content-max {
     width: max-content;
   }
-  .w-md-content-max-max {
+  .w-xl-content-max-max {
     max-width: max-content;
   }
-  .w-md-content-max-min {
+  .w-xl-content-max-min {
     min-width: max-content;
   }
 
-  .w-md-content-min {
+  .w-xl-content-min {
     width: min-content;
   }
-  .w-md-content-min-max {
+  .w-xl-content-min-max {
     max-width: min-content;
   }
-  .w-md-content-min-min {
+  .w-xl-content-min-min {
     min-width: min-content;
   }
 
-  .w-md-tiny {
+  .w-xl-tiny {
     width: 2rem;
   }
-  .w-md-tiny-max {
+  .w-xl-tiny-max {
     max-width: 2rem;
   }
-  .w-md-tiny-min {
+  .w-xl-tiny-min {
     min-width: 2rem;
   }
 
-  .w-md-small {
+  .w-xl-small {
     width: 4rem;
   }
-  .w-md-small-max {
+  .w-xl-small-max {
     max-width: 4rem;
   }
-  .w-md-small-min {
+  .w-xl-small-min {
     min-width: 4rem;
   }
 
-  .w-md-medium {
+  .w-xl-medium {
     width: 8rem;
   }
-  .w-md-medium-max {
+  .w-xl-medium-max {
     max-width: 8rem;
   }
-  .w-md-medium-min {
+  .w-xl-medium-min {
     min-width: 8rem;
   }
 
-  .w-md-large {
+  .w-xl-large {
     width: 16rem;
   }
-  .w-md-large-max {
+  .w-xl-large-max {
     max-width: 16rem;
   }
-  .w-md-large-min {
+  .w-xl-large-min {
     min-width: 16rem;
   }
 
-  .w-md-wide {
+  .w-xl-wide {
     width: 32rem;
   }
-  .w-md-wide-max {
+  .w-xl-wide-max {
     max-width: 32rem;
   }
-  .w-md-wide-min {
+  .w-xl-wide-min {
     min-width: 32rem;
   }
 
-  .w-md-1 {
+  .w-xl-1 {
     width: 1rem;
   }
-  .w-md-1-max {
+  .w-xl-1-max {
     max-width: 1rem;
   }
-  .w-md-1-min {
+  .w-xl-1-min {
     min-width: 1rem;
   }
 
-  .w-md-2 {
+  .w-xl-2 {
     width: 2rem;
   }
-  .w-md-2-max {
+  .w-xl-2-max {
     max-width: 2rem;
   }
-  .w-md-2-min {
+  .w-xl-2-min {
     min-width: 2rem;
   }
 
-  .w-md-4 {
+  .w-xl-4 {
     width: 4rem;
   }
-  .w-md-4-max {
+  .w-xl-4-max {
     max-width: 4rem;
   }
-  .w-md-4-min {
+  .w-xl-4-min {
     min-width: 4rem;
   }
 
-  .w-md-8 {
+  .w-xl-8 {
     width: 8rem;
   }
-  .w-md-8-max {
+  .w-xl-8-max {
     max-width: 8rem;
   }
-  .w-md-8-min {
+  .w-xl-8-min {
     min-width: 8rem;
   }
 
-  .w-md-16 {
+  .w-xl-16 {
     width: 16rem;
   }
-  .w-md-16-max {
+  .w-xl-16-max {
     max-width: 16rem;
   }
-  .w-md-16-min {
+  .w-xl-16-min {
     min-width: 16rem;
   }
 
-  .w-md-24 {
+  .w-xl-24 {
     width: 24rem;
   }
-  .w-md-24-max {
+  .w-xl-24-max {
     max-width: 24rem;
   }
-  .w-md-24-min {
+  .w-xl-24-min {
     min-width: 24rem;
   }
 
-  .w-md-32 {
+  .w-xl-32 {
     width: 32rem;
   }
-  .w-md-32-max {
+  .w-xl-32-max {
     max-width: 32rem;
   }
-  .w-md-32-min {
+  .w-xl-32-min {
     min-width: 32rem;
   }
 
-  .w-md-48 {
+  .w-xl-48 {
     width: 48rem;
   }
-  .w-md-48-max {
+  .w-xl-48-max {
     max-width: 48rem;
   }
-  .w-md-48-min {
+  .w-xl-48-min {
     min-width: 48rem;
   }
 
-  .w-md-64 {
+  .w-xl-64 {
     width: 64rem;
   }
-  .w-md-64-max {
+  .w-xl-64-max {
     max-width: 64rem;
   }
-  .w-md-64-min {
+  .w-xl-64-min {
     min-width: 64rem;
   }
 
-  .w-md-1-16 {
+  .w-xl-1-16 {
+    width: 6.25%;
+  }
+  .w-xl-1-16-max {
+    max-width: 6.25%;
+  }
+  .w-xl-1-16-min {
+    min-width: 6.25%;
+  }
+
+  .w-xl-2-16 {
+    width: 12.5%;
+  }
+  .w-xl-2-16-max {
+    max-width: 12.5%;
+  }
+  .w-xl-2-16-min {
+    min-width: 12.5%;
+  }
+
+  .w-xl-3-16 {
+    width: 18.75%;
+  }
+  .w-xl-3-16-max {
+    max-width: 18.75%;
+  }
+  .w-xl-3-16-min {
+    min-width: 18.75%;
+  }
+
+  .w-xl-4-16 {
+    width: 25%;
+  }
+  .w-xl-4-16-max {
+    max-width: 25%;
+  }
+  .w-xl-4-16-min {
+    min-width: 25%;
+  }
+
+  .w-xl-5-16 {
+    width: 31.25%;
+  }
+  .w-xl-5-16-max {
+    max-width: 31.25%;
+  }
+  .w-xl-5-16-min {
+    min-width: 31.25%;
+  }
+
+  .w-xl-6-16 {
+    width: 37.5%;
+  }
+  .w-xl-6-16-max {
+    max-width: 37.5%;
+  }
+  .w-xl-6-16-min {
+    min-width: 37.5%;
+  }
+
+  .w-xl-7-16 {
+    width: 43.75%;
+  }
+  .w-xl-7-16-max {
+    max-width: 43.75%;
+  }
+  .w-xl-7-16-min {
+    min-width: 43.75%;
+  }
+
+  .w-xl-8-16 {
+    width: 50%;
+  }
+  .w-xl-8-16-max {
+    max-width: 50%;
+  }
+  .w-xl-8-16-min {
+    min-width: 50%;
+  }
+
+  .w-xl-9-16 {
+    width: 56.25%;
+  }
+  .w-xl-9-16-max {
+    max-width: 56.25%;
+  }
+  .w-xl-9-16-min {
+    min-width: 56.25%;
+  }
+
+  .w-xl-10-16 {
+    width: 62.5%;
+  }
+  .w-xl-10-16-max {
+    max-width: 62.5%;
+  }
+  .w-xl-10-16-min {
+    min-width: 62.5%;
+  }
+
+  .w-xl-11-16 {
+    width: 68.75%;
+  }
+  .w-xl-11-16-max {
+    max-width: 68.75%;
+  }
+  .w-xl-11-16-min {
+    min-width: 68.75%;
+  }
+
+  .w-xl-12-16 {
+    width: 75%;
+  }
+  .w-xl-12-16-max {
+    max-width: 75%;
+  }
+  .w-xl-12-16-min {
+    min-width: 75%;
+  }
+
+  .w-xl-13-16 {
+    width: 81.25%;
+  }
+  .w-xl-13-16-max {
+    max-width: 81.25%;
+  }
+  .w-xl-13-16-min {
+    min-width: 81.25%;
+  }
+
+  .w-xl-14-16 {
+    width: 87.5%;
+  }
+  .w-xl-14-16-max {
+    max-width: 87.5%;
+  }
+  .w-xl-14-16-min {
+    min-width: 87.5%;
+  }
+
+  .w-xl-15-16 {
+    width: 93.75%;
+  }
+  .w-xl-15-16-max {
+    max-width: 93.75%;
+  }
+  .w-xl-15-16-min {
+    min-width: 93.75%;
+  }
+
+  .w-xl-16-16 {
+    width: 100%;
+  }
+  .w-xl-16-16-max {
+    max-width: 100%;
+  }
+  .w-xl-16-16-min {
+    min-width: 100%;
+  }
+
+  .h-xl-full {
+    height: 100%;
+  }
+  .h-xl-full-max {
+    max-height: 100%;
+  }
+  .h-xl-full-min {
+    min-height: 100%;
+  }
+
+  .h-xl-mid {
+    height: 50%;
+  }
+  .h-xl-mid-max {
+    max-height: 50%;
+  }
+  .h-xl-mid-min {
+    min-height: 50%;
+  }
+
+  .h-xl-quarter {
+    height: 25%;
+  }
+  .h-xl-quarter-max {
+    max-height: 25%;
+  }
+  .h-xl-quarter-min {
+    min-height: 25%;
+  }
+
+  .h-xl-tiers {
+    height: 33%;
+  }
+  .h-xl-tiers-max {
+    max-height: 33%;
+  }
+  .h-xl-tiers-min {
+    min-height: 33%;
+  }
+
+  .h-xl-content-max {
+    height: max-content;
+  }
+  .h-xl-content-max-max {
+    max-height: max-content;
+  }
+  .h-xl-content-max-min {
+    min-height: max-content;
+  }
+
+  .h-xl-content-min {
+    height: min-content;
+  }
+  .h-xl-content-min-max {
+    max-height: min-content;
+  }
+  .h-xl-content-min-min {
+    min-height: min-content;
+  }
+
+  .h-xl-tiny {
+    height: 2rem;
+  }
+  .h-xl-tiny-max {
+    max-height: 2rem;
+  }
+  .h-xl-tiny-min {
+    min-height: 2rem;
+  }
+
+  .h-xl-small {
+    height: 4rem;
+  }
+  .h-xl-small-max {
+    max-height: 4rem;
+  }
+  .h-xl-small-min {
+    min-height: 4rem;
+  }
+
+  .h-xl-medium {
+    height: 8rem;
+  }
+  .h-xl-medium-max {
+    max-height: 8rem;
+  }
+  .h-xl-medium-min {
+    min-height: 8rem;
+  }
+
+  .h-xl-large {
+    height: 16rem;
+  }
+  .h-xl-large-max {
+    max-height: 16rem;
+  }
+  .h-xl-large-min {
+    min-height: 16rem;
+  }
+
+  .h-xl-wide {
+    height: 32rem;
+  }
+  .h-xl-wide-max {
+    max-height: 32rem;
+  }
+  .h-xl-wide-min {
+    min-height: 32rem;
+  }
+
+  .h-xl-1 {
+    height: 1rem;
+  }
+  .h-xl-1-max {
+    max-height: 1rem;
+  }
+  .h-xl-1-min {
+    min-height: 1rem;
+  }
+
+  .h-xl-2 {
+    height: 2rem;
+  }
+  .h-xl-2-max {
+    max-height: 2rem;
+  }
+  .h-xl-2-min {
+    min-height: 2rem;
+  }
+
+  .h-xl-4 {
+    height: 4rem;
+  }
+  .h-xl-4-max {
+    max-height: 4rem;
+  }
+  .h-xl-4-min {
+    min-height: 4rem;
+  }
+
+  .h-xl-8 {
+    height: 8rem;
+  }
+  .h-xl-8-max {
+    max-height: 8rem;
+  }
+  .h-xl-8-min {
+    min-height: 8rem;
+  }
+
+  .h-xl-16 {
+    height: 16rem;
+  }
+  .h-xl-16-max {
+    max-height: 16rem;
+  }
+  .h-xl-16-min {
+    min-height: 16rem;
+  }
+
+  .h-xl-24 {
+    height: 24rem;
+  }
+  .h-xl-24-max {
+    max-height: 24rem;
+  }
+  .h-xl-24-min {
+    min-height: 24rem;
+  }
+
+  .h-xl-32 {
+    height: 32rem;
+  }
+  .h-xl-32-max {
+    max-height: 32rem;
+  }
+  .h-xl-32-min {
+    min-height: 32rem;
+  }
+
+  .h-xl-48 {
+    height: 48rem;
+  }
+  .h-xl-48-max {
+    max-height: 48rem;
+  }
+  .h-xl-48-min {
+    min-height: 48rem;
+  }
+
+  .h-xl-64 {
+    height: 64rem;
+  }
+  .h-xl-64-max {
+    max-height: 64rem;
+  }
+  .h-xl-64-min {
+    min-height: 64rem;
+  }
+
+  .h-xl-1-16 {
+    height: 6.25%;
+  }
+  .h-xl-1-16-max {
+    max-height: 6.25%;
+  }
+  .h-xl-1-16-min {
+    min-height: 6.25%;
+  }
+
+  .h-xl-2-16 {
+    height: 12.5%;
+  }
+  .h-xl-2-16-max {
+    max-height: 12.5%;
+  }
+  .h-xl-2-16-min {
+    min-height: 12.5%;
+  }
+
+  .h-xl-3-16 {
+    height: 18.75%;
+  }
+  .h-xl-3-16-max {
+    max-height: 18.75%;
+  }
+  .h-xl-3-16-min {
+    min-height: 18.75%;
+  }
+
+  .h-xl-4-16 {
+    height: 25%;
+  }
+  .h-xl-4-16-max {
+    max-height: 25%;
+  }
+  .h-xl-4-16-min {
+    min-height: 25%;
+  }
+
+  .h-xl-5-16 {
+    height: 31.25%;
+  }
+  .h-xl-5-16-max {
+    max-height: 31.25%;
+  }
+  .h-xl-5-16-min {
+    min-height: 31.25%;
+  }
+
+  .h-xl-6-16 {
+    height: 37.5%;
+  }
+  .h-xl-6-16-max {
+    max-height: 37.5%;
+  }
+  .h-xl-6-16-min {
+    min-height: 37.5%;
+  }
+
+  .h-xl-7-16 {
+    height: 43.75%;
+  }
+  .h-xl-7-16-max {
+    max-height: 43.75%;
+  }
+  .h-xl-7-16-min {
+    min-height: 43.75%;
+  }
+
+  .h-xl-8-16 {
+    height: 50%;
+  }
+  .h-xl-8-16-max {
+    max-height: 50%;
+  }
+  .h-xl-8-16-min {
+    min-height: 50%;
+  }
+
+  .h-xl-9-16 {
+    height: 56.25%;
+  }
+  .h-xl-9-16-max {
+    max-height: 56.25%;
+  }
+  .h-xl-9-16-min {
+    min-height: 56.25%;
+  }
+
+  .h-xl-10-16 {
+    height: 62.5%;
+  }
+  .h-xl-10-16-max {
+    max-height: 62.5%;
+  }
+  .h-xl-10-16-min {
+    min-height: 62.5%;
+  }
+
+  .h-xl-11-16 {
+    height: 68.75%;
+  }
+  .h-xl-11-16-max {
+    max-height: 68.75%;
+  }
+  .h-xl-11-16-min {
+    min-height: 68.75%;
+  }
+
+  .h-xl-12-16 {
+    height: 75%;
+  }
+  .h-xl-12-16-max {
+    max-height: 75%;
+  }
+  .h-xl-12-16-min {
+    min-height: 75%;
+  }
+
+  .h-xl-13-16 {
+    height: 81.25%;
+  }
+  .h-xl-13-16-max {
+    max-height: 81.25%;
+  }
+  .h-xl-13-16-min {
+    min-height: 81.25%;
+  }
+
+  .h-xl-14-16 {
+    height: 87.5%;
+  }
+  .h-xl-14-16-max {
+    max-height: 87.5%;
+  }
+  .h-xl-14-16-min {
+    min-height: 87.5%;
+  }
+
+  .h-xl-15-16 {
+    height: 93.75%;
+  }
+  .h-xl-15-16-max {
+    max-height: 93.75%;
+  }
+  .h-xl-15-16-min {
+    min-height: 93.75%;
+  }
+
+  .h-xl-16-16 {
+    height: 100%;
+  }
+  .h-xl-16-16-max {
+    max-height: 100%;
+  }
+  .h-xl-16-16-min {
+    min-height: 100%;
+  }
+}
+@media only screen and (max-width: 1540px) {
+  .w-xxl-full {
+    width: 100%;
+  }
+  .w-xxl-full-max {
+    max-width: 100%;
+  }
+  .w-xxl-full-min {
+    min-width: 100%;
+  }
+
+  .w-xxl-mid {
+    width: 50%;
+  }
+  .w-xxl-mid-max {
+    max-width: 50%;
+  }
+  .w-xxl-mid-min {
+    min-width: 50%;
+  }
+
+  .w-xxl-quarter {
+    width: 25%;
+  }
+  .w-xxl-quarter-max {
+    max-width: 25%;
+  }
+  .w-xxl-quarter-min {
+    min-width: 25%;
+  }
+
+  .w-xxl-tiers {
+    width: 33%;
+  }
+  .w-xxl-tiers-max {
+    max-width: 33%;
+  }
+  .w-xxl-tiers-min {
+    min-width: 33%;
+  }
+
+  .w-xxl-content-max {
+    width: max-content;
+  }
+  .w-xxl-content-max-max {
+    max-width: max-content;
+  }
+  .w-xxl-content-max-min {
+    min-width: max-content;
+  }
+
+  .w-xxl-content-min {
+    width: min-content;
+  }
+  .w-xxl-content-min-max {
+    max-width: min-content;
+  }
+  .w-xxl-content-min-min {
+    min-width: min-content;
+  }
+
+  .w-xxl-tiny {
+    width: 2rem;
+  }
+  .w-xxl-tiny-max {
+    max-width: 2rem;
+  }
+  .w-xxl-tiny-min {
+    min-width: 2rem;
+  }
+
+  .w-xxl-small {
+    width: 4rem;
+  }
+  .w-xxl-small-max {
+    max-width: 4rem;
+  }
+  .w-xxl-small-min {
+    min-width: 4rem;
+  }
+
+  .w-xxl-medium {
+    width: 8rem;
+  }
+  .w-xxl-medium-max {
+    max-width: 8rem;
+  }
+  .w-xxl-medium-min {
+    min-width: 8rem;
+  }
+
+  .w-xxl-large {
+    width: 16rem;
+  }
+  .w-xxl-large-max {
+    max-width: 16rem;
+  }
+  .w-xxl-large-min {
+    min-width: 16rem;
+  }
+
+  .w-xxl-wide {
+    width: 32rem;
+  }
+  .w-xxl-wide-max {
+    max-width: 32rem;
+  }
+  .w-xxl-wide-min {
+    min-width: 32rem;
+  }
+
+  .w-xxl-1 {
+    width: 1rem;
+  }
+  .w-xxl-1-max {
+    max-width: 1rem;
+  }
+  .w-xxl-1-min {
+    min-width: 1rem;
+  }
+
+  .w-xxl-2 {
+    width: 2rem;
+  }
+  .w-xxl-2-max {
+    max-width: 2rem;
+  }
+  .w-xxl-2-min {
+    min-width: 2rem;
+  }
+
+  .w-xxl-4 {
+    width: 4rem;
+  }
+  .w-xxl-4-max {
+    max-width: 4rem;
+  }
+  .w-xxl-4-min {
+    min-width: 4rem;
+  }
+
+  .w-xxl-8 {
+    width: 8rem;
+  }
+  .w-xxl-8-max {
+    max-width: 8rem;
+  }
+  .w-xxl-8-min {
+    min-width: 8rem;
+  }
+
+  .w-xxl-16 {
+    width: 16rem;
+  }
+  .w-xxl-16-max {
+    max-width: 16rem;
+  }
+  .w-xxl-16-min {
+    min-width: 16rem;
+  }
+
+  .w-xxl-24 {
+    width: 24rem;
+  }
+  .w-xxl-24-max {
+    max-width: 24rem;
+  }
+  .w-xxl-24-min {
+    min-width: 24rem;
+  }
+
+  .w-xxl-32 {
+    width: 32rem;
+  }
+  .w-xxl-32-max {
+    max-width: 32rem;
+  }
+  .w-xxl-32-min {
+    min-width: 32rem;
+  }
+
+  .w-xxl-48 {
+    width: 48rem;
+  }
+  .w-xxl-48-max {
+    max-width: 48rem;
+  }
+  .w-xxl-48-min {
+    min-width: 48rem;
+  }
+
+  .w-xxl-64 {
+    width: 64rem;
+  }
+  .w-xxl-64-max {
+    max-width: 64rem;
+  }
+  .w-xxl-64-min {
+    min-width: 64rem;
+  }
+
+  .w-xxl-1-16 {
     width: 6.25%;
   }
-  .w-md-1-16-max {
+  .w-xxl-1-16-max {
     max-width: 6.25%;
   }
-  .w-md-1-16-min {
+  .w-xxl-1-16-min {
     min-width: 6.25%;
   }
 
-  .w-md-2-16 {
+  .w-xxl-2-16 {
     width: 12.5%;
   }
-  .w-md-2-16-max {
+  .w-xxl-2-16-max {
     max-width: 12.5%;
   }
-  .w-md-2-16-min {
+  .w-xxl-2-16-min {
     min-width: 12.5%;
   }
 
-  .w-md-3-16 {
+  .w-xxl-3-16 {
     width: 18.75%;
   }
-  .w-md-3-16-max {
+  .w-xxl-3-16-max {
     max-width: 18.75%;
   }
-  .w-md-3-16-min {
+  .w-xxl-3-16-min {
     min-width: 18.75%;
   }
 
-  .w-md-4-16 {
+  .w-xxl-4-16 {
     width: 25%;
   }
-  .w-md-4-16-max {
+  .w-xxl-4-16-max {
     max-width: 25%;
   }
-  .w-md-4-16-min {
+  .w-xxl-4-16-min {
     min-width: 25%;
   }
 
-  .w-md-5-16 {
+  .w-xxl-5-16 {
     width: 31.25%;
   }
-  .w-md-5-16-max {
+  .w-xxl-5-16-max {
     max-width: 31.25%;
   }
-  .w-md-5-16-min {
+  .w-xxl-5-16-min {
     min-width: 31.25%;
   }
 
-  .w-md-6-16 {
+  .w-xxl-6-16 {
     width: 37.5%;
   }
-  .w-md-6-16-max {
+  .w-xxl-6-16-max {
     max-width: 37.5%;
   }
-  .w-md-6-16-min {
+  .w-xxl-6-16-min {
     min-width: 37.5%;
   }
 
-  .w-md-7-16 {
+  .w-xxl-7-16 {
     width: 43.75%;
   }
-  .w-md-7-16-max {
+  .w-xxl-7-16-max {
     max-width: 43.75%;
   }
-  .w-md-7-16-min {
+  .w-xxl-7-16-min {
     min-width: 43.75%;
   }
 
-  .w-md-8-16 {
+  .w-xxl-8-16 {
     width: 50%;
   }
-  .w-md-8-16-max {
+  .w-xxl-8-16-max {
     max-width: 50%;
   }
-  .w-md-8-16-min {
+  .w-xxl-8-16-min {
     min-width: 50%;
   }
 
-  .w-md-9-16 {
+  .w-xxl-9-16 {
     width: 56.25%;
   }
-  .w-md-9-16-max {
+  .w-xxl-9-16-max {
     max-width: 56.25%;
   }
-  .w-md-9-16-min {
+  .w-xxl-9-16-min {
     min-width: 56.25%;
   }
 
-  .w-md-10-16 {
+  .w-xxl-10-16 {
     width: 62.5%;
   }
-  .w-md-10-16-max {
+  .w-xxl-10-16-max {
     max-width: 62.5%;
   }
-  .w-md-10-16-min {
+  .w-xxl-10-16-min {
     min-width: 62.5%;
   }
 
-  .w-md-11-16 {
+  .w-xxl-11-16 {
     width: 68.75%;
   }
-  .w-md-11-16-max {
+  .w-xxl-11-16-max {
     max-width: 68.75%;
   }
-  .w-md-11-16-min {
+  .w-xxl-11-16-min {
     min-width: 68.75%;
   }
 
-  .w-md-12-16 {
+  .w-xxl-12-16 {
     width: 75%;
   }
-  .w-md-12-16-max {
+  .w-xxl-12-16-max {
     max-width: 75%;
   }
-  .w-md-12-16-min {
+  .w-xxl-12-16-min {
     min-width: 75%;
   }
 
-  .w-md-13-16 {
+  .w-xxl-13-16 {
     width: 81.25%;
   }
-  .w-md-13-16-max {
+  .w-xxl-13-16-max {
     max-width: 81.25%;
   }
-  .w-md-13-16-min {
+  .w-xxl-13-16-min {
     min-width: 81.25%;
   }
 
-  .w-md-14-16 {
+  .w-xxl-14-16 {
     width: 87.5%;
   }
-  .w-md-14-16-max {
+  .w-xxl-14-16-max {
     max-width: 87.5%;
   }
-  .w-md-14-16-min {
+  .w-xxl-14-16-min {
     min-width: 87.5%;
   }
 
-  .w-md-15-16 {
+  .w-xxl-15-16 {
     width: 93.75%;
   }
-  .w-md-15-16-max {
+  .w-xxl-15-16-max {
     max-width: 93.75%;
   }
-  .w-md-15-16-min {
+  .w-xxl-15-16-min {
     min-width: 93.75%;
   }
 
-  .w-md-16-16 {
+  .w-xxl-16-16 {
     width: 100%;
   }
-  .w-md-16-16-max {
+  .w-xxl-16-16-max {
     max-width: 100%;
   }
-  .w-md-16-16-min {
+  .w-xxl-16-16-min {
     min-width: 100%;
   }
 
-  .h-md-full {
+  .h-xxl-full {
     height: 100%;
   }
-  .h-md-full-max {
+  .h-xxl-full-max {
     max-height: 100%;
   }
-  .h-md-full-min {
+  .h-xxl-full-min {
     min-height: 100%;
   }
 
-  .h-md-mid {
+  .h-xxl-mid {
     height: 50%;
   }
-  .h-md-mid-max {
+  .h-xxl-mid-max {
     max-height: 50%;
   }
-  .h-md-mid-min {
+  .h-xxl-mid-min {
     min-height: 50%;
   }
 
-  .h-md-quarter {
+  .h-xxl-quarter {
     height: 25%;
   }
-  .h-md-quarter-max {
+  .h-xxl-quarter-max {
     max-height: 25%;
   }
-  .h-md-quarter-min {
+  .h-xxl-quarter-min {
     min-height: 25%;
   }
 
-  .h-md-tiers {
+  .h-xxl-tiers {
     height: 33%;
   }
-  .h-md-tiers-max {
+  .h-xxl-tiers-max {
     max-height: 33%;
   }
-  .h-md-tiers-min {
+  .h-xxl-tiers-min {
     min-height: 33%;
   }
 
-  .h-md-content-max {
+  .h-xxl-content-max {
     height: max-content;
   }
-  .h-md-content-max-max {
+  .h-xxl-content-max-max {
     max-height: max-content;
   }
-  .h-md-content-max-min {
+  .h-xxl-content-max-min {
     min-height: max-content;
   }
 
-  .h-md-content-min {
+  .h-xxl-content-min {
     height: min-content;
   }
-  .h-md-content-min-max {
+  .h-xxl-content-min-max {
     max-height: min-content;
   }
-  .h-md-content-min-min {
+  .h-xxl-content-min-min {
     min-height: min-content;
   }
 
-  .h-md-tiny {
+  .h-xxl-tiny {
     height: 2rem;
   }
-  .h-md-tiny-max {
+  .h-xxl-tiny-max {
     max-height: 2rem;
   }
-  .h-md-tiny-min {
+  .h-xxl-tiny-min {
     min-height: 2rem;
   }
 
-  .h-md-small {
+  .h-xxl-small {
     height: 4rem;
   }
-  .h-md-small-max {
+  .h-xxl-small-max {
     max-height: 4rem;
   }
-  .h-md-small-min {
+  .h-xxl-small-min {
     min-height: 4rem;
   }
 
-  .h-md-medium {
+  .h-xxl-medium {
     height: 8rem;
   }
-  .h-md-medium-max {
+  .h-xxl-medium-max {
     max-height: 8rem;
   }
-  .h-md-medium-min {
+  .h-xxl-medium-min {
     min-height: 8rem;
   }
 
-  .h-md-large {
+  .h-xxl-large {
     height: 16rem;
   }
-  .h-md-large-max {
+  .h-xxl-large-max {
     max-height: 16rem;
   }
-  .h-md-large-min {
+  .h-xxl-large-min {
     min-height: 16rem;
   }
 
-  .h-md-wide {
+  .h-xxl-wide {
     height: 32rem;
   }
-  .h-md-wide-max {
+  .h-xxl-wide-max {
     max-height: 32rem;
   }
-  .h-md-wide-min {
+  .h-xxl-wide-min {
     min-height: 32rem;
   }
 
-  .h-md-1 {
+  .h-xxl-1 {
     height: 1rem;
   }
-  .h-md-1-max {
+  .h-xxl-1-max {
     max-height: 1rem;
   }
-  .h-md-1-min {
+  .h-xxl-1-min {
     min-height: 1rem;
   }
 
-  .h-md-2 {
+  .h-xxl-2 {
     height: 2rem;
   }
-  .h-md-2-max {
+  .h-xxl-2-max {
     max-height: 2rem;
   }
-  .h-md-2-min {
+  .h-xxl-2-min {
     min-height: 2rem;
   }
 
-  .h-md-4 {
+  .h-xxl-4 {
     height: 4rem;
   }
-  .h-md-4-max {
+  .h-xxl-4-max {
     max-height: 4rem;
   }
-  .h-md-4-min {
+  .h-xxl-4-min {
     min-height: 4rem;
   }
 
-  .h-md-8 {
+  .h-xxl-8 {
     height: 8rem;
   }
-  .h-md-8-max {
+  .h-xxl-8-max {
     max-height: 8rem;
   }
-  .h-md-8-min {
+  .h-xxl-8-min {
     min-height: 8rem;
   }
 
-  .h-md-16 {
+  .h-xxl-16 {
     height: 16rem;
   }
-  .h-md-16-max {
+  .h-xxl-16-max {
     max-height: 16rem;
   }
-  .h-md-16-min {
+  .h-xxl-16-min {
     min-height: 16rem;
   }
 
-  .h-md-24 {
+  .h-xxl-24 {
     height: 24rem;
   }
-  .h-md-24-max {
+  .h-xxl-24-max {
     max-height: 24rem;
   }
-  .h-md-24-min {
+  .h-xxl-24-min {
     min-height: 24rem;
   }
 
-  .h-md-32 {
+  .h-xxl-32 {
     height: 32rem;
   }
-  .h-md-32-max {
+  .h-xxl-32-max {
     max-height: 32rem;
   }
-  .h-md-32-min {
+  .h-xxl-32-min {
     min-height: 32rem;
   }
 
-  .h-md-48 {
+  .h-xxl-48 {
     height: 48rem;
   }
-  .h-md-48-max {
+  .h-xxl-48-max {
     max-height: 48rem;
   }
-  .h-md-48-min {
+  .h-xxl-48-min {
     min-height: 48rem;
   }
 
-  .h-md-64 {
+  .h-xxl-64 {
     height: 64rem;
   }
-  .h-md-64-max {
+  .h-xxl-64-max {
     max-height: 64rem;
   }
-  .h-md-64-min {
+  .h-xxl-64-min {
     min-height: 64rem;
   }
 
-  .h-md-1-16 {
+  .h-xxl-1-16 {
     height: 6.25%;
   }
-  .h-md-1-16-max {
+  .h-xxl-1-16-max {
     max-height: 6.25%;
   }
-  .h-md-1-16-min {
+  .h-xxl-1-16-min {
     min-height: 6.25%;
   }
 
-  .h-md-2-16 {
+  .h-xxl-2-16 {
     height: 12.5%;
   }
-  .h-md-2-16-max {
+  .h-xxl-2-16-max {
     max-height: 12.5%;
   }
-  .h-md-2-16-min {
+  .h-xxl-2-16-min {
     min-height: 12.5%;
   }
 
-  .h-md-3-16 {
+  .h-xxl-3-16 {
     height: 18.75%;
   }
-  .h-md-3-16-max {
+  .h-xxl-3-16-max {
     max-height: 18.75%;
   }
-  .h-md-3-16-min {
+  .h-xxl-3-16-min {
     min-height: 18.75%;
   }
 
-  .h-md-4-16 {
+  .h-xxl-4-16 {
     height: 25%;
   }
-  .h-md-4-16-max {
+  .h-xxl-4-16-max {
     max-height: 25%;
   }
-  .h-md-4-16-min {
+  .h-xxl-4-16-min {
     min-height: 25%;
   }
 
-  .h-md-5-16 {
+  .h-xxl-5-16 {
     height: 31.25%;
   }
-  .h-md-5-16-max {
+  .h-xxl-5-16-max {
     max-height: 31.25%;
   }
-  .h-md-5-16-min {
+  .h-xxl-5-16-min {
     min-height: 31.25%;
   }
 
-  .h-md-6-16 {
+  .h-xxl-6-16 {
     height: 37.5%;
   }
-  .h-md-6-16-max {
+  .h-xxl-6-16-max {
     max-height: 37.5%;
   }
-  .h-md-6-16-min {
+  .h-xxl-6-16-min {
     min-height: 37.5%;
   }
 
-  .h-md-7-16 {
+  .h-xxl-7-16 {
     height: 43.75%;
   }
-  .h-md-7-16-max {
+  .h-xxl-7-16-max {
     max-height: 43.75%;
   }
-  .h-md-7-16-min {
+  .h-xxl-7-16-min {
     min-height: 43.75%;
   }
 
-  .h-md-8-16 {
+  .h-xxl-8-16 {
     height: 50%;
   }
-  .h-md-8-16-max {
+  .h-xxl-8-16-max {
     max-height: 50%;
   }
-  .h-md-8-16-min {
+  .h-xxl-8-16-min {
     min-height: 50%;
   }
 
-  .h-md-9-16 {
+  .h-xxl-9-16 {
     height: 56.25%;
   }
-  .h-md-9-16-max {
+  .h-xxl-9-16-max {
     max-height: 56.25%;
   }
-  .h-md-9-16-min {
+  .h-xxl-9-16-min {
     min-height: 56.25%;
   }
 
-  .h-md-10-16 {
+  .h-xxl-10-16 {
     height: 62.5%;
   }
-  .h-md-10-16-max {
+  .h-xxl-10-16-max {
     max-height: 62.5%;
   }
-  .h-md-10-16-min {
+  .h-xxl-10-16-min {
     min-height: 62.5%;
   }
 
-  .h-md-11-16 {
+  .h-xxl-11-16 {
     height: 68.75%;
   }
-  .h-md-11-16-max {
+  .h-xxl-11-16-max {
     max-height: 68.75%;
   }
-  .h-md-11-16-min {
+  .h-xxl-11-16-min {
     min-height: 68.75%;
   }
 
-  .h-md-12-16 {
+  .h-xxl-12-16 {
     height: 75%;
   }
-  .h-md-12-16-max {
+  .h-xxl-12-16-max {
     max-height: 75%;
   }
-  .h-md-12-16-min {
+  .h-xxl-12-16-min {
     min-height: 75%;
   }
 
-  .h-md-13-16 {
+  .h-xxl-13-16 {
     height: 81.25%;
   }
-  .h-md-13-16-max {
+  .h-xxl-13-16-max {
     max-height: 81.25%;
   }
-  .h-md-13-16-min {
+  .h-xxl-13-16-min {
     min-height: 81.25%;
   }
 
-  .h-md-14-16 {
+  .h-xxl-14-16 {
     height: 87.5%;
   }
-  .h-md-14-16-max {
+  .h-xxl-14-16-max {
     max-height: 87.5%;
   }
-  .h-md-14-16-min {
+  .h-xxl-14-16-min {
     min-height: 87.5%;
   }
 
-  .h-md-15-16 {
+  .h-xxl-15-16 {
     height: 93.75%;
   }
-  .h-md-15-16-max {
+  .h-xxl-15-16-max {
     max-height: 93.75%;
   }
-  .h-md-15-16-min {
+  .h-xxl-15-16-min {
     min-height: 93.75%;
   }
 
-  .h-md-16-16 {
+  .h-xxl-16-16 {
     height: 100%;
   }
-  .h-md-16-16-max {
+  .h-xxl-16-16-max {
     max-height: 100%;
   }
-  .h-md-16-16-min {
+  .h-xxl-16-16-min {
     min-height: 100%;
   }
 }