.w-mc { width: max-content; }
.h-mc { height: max-content; }
.w-10 { width: 10% !important; }
.w-20 { width: 20% !important; }
.w-30 { width: 30% !important; }
.w-40 { width: 40% !important; }
.w-60 { width: 60% !important; }
.w-80 { width: 80% !important; }
.w-90 { width: 90% !important; }
@media screen and (min-width: 540px) {
    .w-sm-100 { width: 100% !important; }
    .w-sm-80 { width: 80% !important; }
    .w-sm-75 { width: 75% !important; }
    .w-sm-60 { width: 60% !important; }
    .w-sm-50 { width: 50% !important; }
    .w-sm-mc { width: max-content; }
    .h-sm-50 { height: 50% !important; }
    .h-sm-100 { height: 100% !important; }
}
@media screen and (min-width: 720px) {
    .w-md-100 { width: 100% !important; }
    .w-md-75 { width: 75% !important; }
    .w-md-80 { width: 80% !important; }
    .w-md-50 { width: 50% !important; }
    .w-md-60 { width: 60% !important; }
    .w-md-60 { width: 60% !important; }
    .w-md-50 { width: 50% !important; }
    .w-md-mc { width: max-content; }
    .h-md-50 { height: 50% !important; }
    .h-md-100 { height: 100% !important; }
}
@media screen and (min-width: 1024px) {
    .w-lg-100 { width: 100% !important; }
    .w-lg-75 { width: 75% !important; }
    .w-lg-80 { width: 80% !important; }
    .w-lg-50 { width: 50% !important; }
    .w-lg-60 { width: 60% !important; }
    .w-lg-60 { width: 60% !important; }
    .w-lg-50 { width: 50% !important; }
    .w-lg-mc { width: max-content; }
    .h-lg-50 { height: 50% !important; }
    .h-lg-100 { height: 100% !important; }
}
@media screen and (min-width: 1200px) {
    .w-xl-100 { width: 100% !important; }
    .w-xl-75 { width: 75% !important; }
    .w-xl-80 { width: 80% !important; }
    .w-xl-50 { width: 50% !important; }
    .w-xl-60 { width: 60% !important; }
    .w-xl-60 { width: 60% !important; }
    .w-xl-50 { width: 50% !important; }
    .w-xl-mc { width: max-content; }
    .h-xl-50 { height: 50% !important; }
    .h-xl-100 { height: 100% !important; }
}
@media screen and (min-width: 1400px) {
    .w-2xl-100 { width: 100% !important; }
    .w-2xl-75 { width: 75% !important; }
    .w-2xl-80 { width: 80% !important; }
    .w-2xl-50 { width: 50% !important; }
    .w-2xl-60 { width: 60% !important; }
    .w-2xl-60 { width: 60% !important; }
    .w-2xl-50 { width: 50% !important; }
    .w-2xl-mc { width: max-content; }
    .h-2xl-50 { height: 50% !important; }
    .h-2xl-100 { height: 100% !important; }
}

.absolute { position: absolute; }
.relative { position: relative; }