*, ::after, ::before {
    box-sizing: border-box;
    border: none
}

:focus:not(:focus-visible) {
    outline: 0
}

@media (prefers-reduced-motion:no-preference) {
    html {
        scroll-behavior: smooth
    }
}

html {
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}

img {
    display: block;
    max-width: 100%
}

menu:not(articlemenu), ol:not(articleol), ul:not(articleul) {
    list-style: none
}

article ol, article ul {
    list-style-position: inside
}

[type=checkbox], [type=radio], [type=submit], button, label, select, summary {
    cursor: pointer
}

.b-1 {
    border: .25rem solid
}

.b-2 {
    border: .5rem solid
}

.b-3 {
    border: .75rem solid
}

.b-4 {
    border: 1rem solid
}

.b-5 {
    border: 1.25rem solid
}

.b-6 {
    border: 1.5rem solid
}

.b-7 {
    border: 1.75rem solid
}

.b-8 {
    border: 2rem solid
}

.b-radius-1 {
    border-radius: 1px
}

.b-radius-2 {
    border-radius: 5px
}

.b-radius-3 {
    border-radius: 10px
}

.b-radius-4 {
    border-radius: 15px
}

.b-radius-5 {
    border-radius: 20px
}

.text-red {
    color: red
}

.text-orange {
    color: #ff9600
}

.text-yellow {
    color: #ffbc00
}

.text-green {
    color: #58cc02
}

.text-blue {
    color: #1cb0f6
}

.text-purple {
    color: #5c6cfc
}

.text-black {
    color: #000
}

.text-grey {
    color: grey
}

.text-white {
    color: #fff
}

.bg-red {
    background-color: red
}

.bg-orange {
    background-color: #ff9600
}

.bg-yellow {
    background-color: #ffbc00
}

.bg-green {
    background-color: #58cc02
}

.bg-blue {
    background-color: #1cb0f6
}

.bg-purple {
    background-color: #5c6cfc
}

.bg-grey {
    background-color: #d3d3d3
}

.bg-white {
    background-color: #fff
}

.b-red {
    border-color: red
}

.b-orange {
    border-color: #ff9600
}

.b-yellow {
    border-color: #ffbc00
}

.b-green {
    border-color: #58cc02
}

.b-blue {
    border-color: #1cb0f6
}

.b-purple {
    border-color: #5c6cfc
}

.b-grey {
    border-color: grey
}

.b-dark-red {
    border-color: #ca0000
}

.b-dark-orange {
    border-color: #c57300
}

.b-dark-yellow {
    border-color: #c69100
}

.b-dark-green {
    border-color: #49a403
}

.b-dark-blue {
    border-color: #1586ba
}

.b-dark-purple {
    border-color: #4854c7
}

.b-dark-grey {
    border-color: #a9a9a9
}

.text-light {
    color: #fff
}

.main-container {
    color: #fff;
    margin: 20px auto;
    padding: 10px;
    width: 95%;
    border: 4px solid #a9a9a9;
    border-radius: 15px;
    box-shadow: 0 10px #787878
}

.basic-container {
    color: #fff;
    margin: 20px auto;
    padding: 10px;
    width: 95%;
    border: 4px solid #a9a9a9;
    border-radius: 15px
}

.depth-container {
    margin: 20px auto;
    padding: 10px;
    width: 95%;
    border: 3px solid #a9a9a9;
    border-radius: 10px;
    box-shadow: 0 5px #999
}

.round-container {
    margin: 10px auto;
    padding: 3px;
    border: 3px solid;
    border-radius: 50px
}

.depth-heading {
    color: #fff;
    text-align: center;
    padding: 3px;
    border: 3px solid #a9a9a9;
    border-radius: 10px;
    box-shadow: 0 5px #999
}

.round-heading {
    color: #fff;
    text-align: center;
    margin: 10px auto;
    padding: 3px;
    border: 3px solid;
    border-radius: 50px
}

.submit-button {
    margin: 10px auto;
    padding: 10px;
    display: block;
    min-width: 25%;
    color: #fff;
    font-size: inherit
}

.icon-button {
    padding: 5px 15px;
    font-size: 1.25rem
}

.fa-brands, .fa-solid {
    color: #fff
}

@media screen and (min-width:600px) {
    .basic-container, .depth-container, .main-container {
        width: 75%
    }
}

.d-flex {
    display: flex
}

.d-block {
    display: block
}

.justify-space-around {
    justify-content: space-around
}

.justify-space-between {
    justify-content: space-between
}

.overflow-hidden {
    overflow: hidden
}

.object-cover {
    object-fit: cover
}

@media screen and (min-width:600px) {
    .sm-d-flex {
        display: flex
    }
}

@media screen and (min-width:768px) {
    .md-d-flex {
        display: flex
    }
}

@media screen and (min-width:992px) {
    .lg-d-flex {
        display: flex
    }
}

@media screen and (min-width:1200px) {
    .xl-d-flex {
        display: flex
    }
}

.fa-bg-grey {
    background-color: #f0f1f3
}

.fa-bg-yellow {
    background-color: #ffd43b
}

.fa-bg-blue {
    background-color: #74c0fc
}

.fa-bg-green {
    background-color: #63e6be
}

.fa-bg-pink {
    background-color: #e599f7
}

.fa-bg-purple {
    background-color: #b197fc
}

.fa-bg-red {
    background-color: #ff8787
}

@font-face {
    font-family: "Varela Round";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/varelaround/v20/w8gdH283Tvk__Lua32TysjIfpcuPP9g.woff2) format("woff2");
    unicode-range: U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F
}

@font-face {
    font-family: "Varela Round";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/varelaround/v20/w8gdH283Tvk__Lua32TysjIfqMuPP9g.woff2) format("woff2");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: "Varela Round";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/varelaround/v20/w8gdH283Tvk__Lua32TysjIfqcuPP9g.woff2) format("woff2");
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: "Varela Round";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/varelaround/v20/w8gdH283Tvk__Lua32TysjIfp8uP.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-25px {
    height: 25px !important
}

.h-50px {
    height: 50px !important
}

.h-75px {
    height: 75px !important
}

.h-100px {
    height: 100px !important
}

.h-125px {
    height: 125px !important
}

.h-150px {
    height: 150px !important
}

.h-175px {
    height: 175px !important
}

.h-200px {
    height: 200px !important
}

.h-225px {
    height: 225px !important
}

.h-250px {
    height: 250px !important
}

.h-275px {
    height: 275px !important
}

.h-300px {
    height: 300px !important
}

@media screen and (min-width:768px) {
    .md-h-25 {
        height: 25% !important
    }

    .md-h-50 {
        height: 50% !important
    }

    .md-h-75 {
        height: 75% !important
    }

    .md-h-100 {
        height: 100% !important
    }

    .md-h-25px {
        height: 25px !important
    }

    .md-h-50px {
        height: 50px !important
    }

    .md-h-75px {
        height: 75px !important
    }

    .md-h-100px {
        height: 100px !important
    }

    .md-h-125px {
        height: 125px !important
    }

    .md-h-150px {
        height: 150px !important
    }

    .md-h-175px {
        height: 175px !important
    }

    .md-h-200px {
        height: 200px !important
    }

    .md-h-225px {
        height: 225px !important
    }

    .md-h-250px {
        height: 250px !important
    }

    .md-h-275px {
        height: 275px !important
    }

    .md-h-300px {
        height: 300px !important
    }
}

* {
    font-family: "Varela Round",sans-serif;
    box-sizing: border-box
}

:root {
    background-color: #f0f1f3;
    font-size: 1rem;
    color: #fff
}

body {
    color: #787878;
    user-select: none;
    padding: 50px 12.5%
}

button {
    color: #fff;
    text-align: center;
    font-weight: 700;
    margin: 10px auto;
    border: 2px solid #787878;
    border-radius: 50px;
    box-shadow: 0 7px #787878;
    cursor: pointer
}

    button:active {
        box-shadow: 0 1px #787878;
        transform: translateY(6px)
    }

label {
    display: block;
    margin: 5px 0
}

input {
    display: block;
    width: 100%;
    padding: 10px 5px;
    margin: 8px 0;
    font-size: .8rem;
    border: 2px solid #d3d3d3;
    border-radius: 10px
}

    input:focus {
        outline: 2px solid orange
    }

    input[type=checkbox], input[type=radio] {
        width: 20px;
        display: inline;
        cursor: pointer
    }

nav {
    width: 100%
}

    nav > ul {
        background-color: #fff;
        display: none;
        justify-content: space-between;
        align-items: center;
        list-style-type: none;
        padding: 5px;
        border: 3px solid #a9a9a9;
        border-radius: 10px
    }

        nav > ul > li {
            border-radius: 10px;
            text-align: center
        }

            nav > ul > li > a {
                display: block;
                border-radius: 10px;
                min-width: 100px;
                padding: 5px 10px;
                color: gray;
                text-decoration: none
            }

                nav > ul > li > a:hover {
                    background-color: #d4f3fc
                }

.hamburger {
    display: block;
    cursor: pointer;
    background-color: orange;
    border: 2px solid #a9a9a9;
    border-radius: 10px;
    width: 45px;
    height: 45px;
    font-size: 1.75rem;
    text-align: center;
    font-weight: 700;
    box-shadow: 0 4px #999
}

    .hamburger:active {
        box-shadow: 0 1px #999;
        transform: translateY(3px)
    }

.show-navbar {
    display: block
}

@media screen and (min-width:600px) {
    nav > ul {
        display: flex
    }

    .show-navbar {
        display: flex
    }

    .hamburger {
        display: none
    }
}

select {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 5px 10px;
    border: 2px solid #d3d3d3;
    border-radius: 10px
}

    select:focus {
        outline: 2px solid orange
    }

textarea {
    width: 100%;
    height: 100px;
    border: 2px solid #d3d3d3;
    border-radius: 10px;
    padding: 10px 2.5%;
    margin: 10px 0;
    font-size: .8rem;
    font-family: inherit;
    resize: none
}

    textarea:focus {
        outline: 2px solid orange
    }

    textarea::-webkit-scrollbar {
        width: 10px
    }

    textarea::-webkit-scrollbar-track {
        background-color: #d3d3d3
    }

    textarea::-webkit-scrollbar-thumb {
        background: #4e4e4e;
        border-radius: 25px
    }

table {
    border-collapse: separate;
    border-spacing: 0
}

thead {
    background-color: #ff9600
}

td, th {
    padding: 5px 10px
}

td {
    border: solid 1px #fff;
    padding: 10px
}

thead tr th {
    border: solid 1px #fff
}

thead tr:first-child th:first-child {
    border-top-left-radius: 10px
}

thead tr:first-child th:last-child {
    border-top-right-radius: 10px
}

tbody {
    background-color: #aaa
}

    tbody tr:last-child td:first-child {
        border-bottom-left-radius: 10px
    }

    tbody tr:last-child td:last-child {
        border-bottom-right-radius: 10px
    }

ol li {
    counter-increment: step-counter;
    list-style-type: none;
    position: relative;
    margin-top: 10px
}

    ol li::before {
        content: counter(step-counter);
        background-color: orange;
        display: block;
        position: absolute;
        top: -1px;
        left: -30px;
        width: 1.25rem;
        height: 1.25rem;
        line-height: 1.25rem;
        color: #fff;
        font-weight: 700;
        font-size: .85rem;
        text-align: center;
        border: 1px solid #fff;
        border-radius: 15px
    }

.m-auto {
    margin: auto
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-3 {
    margin: .75rem
}

.m-4 {
    margin: 1rem
}

.m-top-1 {
    margin-top: .25rem
}

.m-top-2 {
    margin-top: .5rem
}

.m-top-3 {
    margin-top: .75rem
}

.m-top-4 {
    margin-top: 1rem
}

.m-left-1 {
    margin-left: .25rem
}

.m-left-2 {
    margin-left: .5rem
}

.m-left-3 {
    margin-left: .75rem
}

.m-left-4 {
    margin-left: 1rem
}

.m-bottom-1 {
    margin-bottom: .25rem
}

.m-bottom-2 {
    margin-bottom: .5rem
}

.m-bottom-3 {
    margin-bottom: .75rem
}

.m-bottom-4 {
    margin-bottom: 1rem
}

.m-bottom-5 {
    margin-bottom: 1.25rem
}

.m-bottom-6 {
    margin-bottom: 1.5rem
}

.m-bottom-7 {
    margin-bottom: 1.75rem
}

.m-bottom-8 {
    margin-bottom: 2rem
}

.m-right-1 {
    margin-right: .25rem
}

.m-right-2 {
    margin-right: .5rem
}

.m-right-3 {
    margin-right: .75rem
}

.m-right-4 {
    margin-right: 1rem
}

.max-h-25 {
    max-height: 25% !important
}

.max-h-50 {
    max-height: 50% !important
}

.max-h-75 {
    max-height: 75% !important
}

.max-h-100 {
    max-height: 100% !important
}

.max-h-25px {
    max-height: 25px !important
}

.max-h-50px {
    max-height: 50px !important
}

.max-h-75px {
    max-height: 75px !important
}

.max-h-100px {
    max-height: 100px !important
}

.max-h-125px {
    max-height: 125px !important
}

.max-h-150px {
    max-height: 150px !important
}

.max-h-175px {
    max-height: 175px !important
}

.max-h-200px {
    max-height: 200px !important
}

.max-h-225px {
    max-height: 225px !important
}

.max-h-250px {
    max-height: 250px !important
}

.max-h-275px {
    max-height: 275px !important
}

.max-h-300px {
    max-height: 300px !important
}

@media screen and (min-width:600px) {
    .sm-max-h-25 {
        max-height: 25% !important
    }

    .sm-max-h-50 {
        max-height: 50% !important
    }

    .sm-max-h-75 {
        max-height: 75% !important
    }

    .sm-max-h-100 {
        max-height: 100% !important
    }

    .sm-max-h-25px {
        max-height: 25px !important
    }

    .sm-max-h-50px {
        max-height: 50px !important
    }

    .sm-max-h-75px {
        max-height: 75px !important
    }

    .sm-max-h-100px {
        max-height: 100px !important
    }

    .sm-max-h-125px {
        max-height: 125px !important
    }

    .sm-max-h-150px {
        max-height: 150px !important
    }

    .sm-max-h-175px {
        max-height: 175px !important
    }

    .sm-max-h-200px {
        max-height: 200px !important
    }

    .sm-max-h-225px {
        max-height: 225px !important
    }

    .sm-max-h-250px {
        max-height: 250px !important
    }

    .sm-max-h-275px {
        max-height: 275px !important
    }

    .sm-max-h-300px {
        max-height: 300px !important
    }
}

@media screen and (min-width:768px) {
    .md-max-h-25 {
        max-height: 25% !important
    }

    .md-max-h-50 {
        max-height: 50% !important
    }

    .md-max-h-75 {
        max-height: 75% !important
    }

    .md-max-h-100 {
        max-height: 100% !important
    }

    .md-max-h-25px {
        max-height: 25px !important
    }

    .md-max-h-50px {
        max-height: 50px !important
    }

    .md-max-h-75px {
        max-height: 75px !important
    }

    .md-max-h-100px {
        max-height: 100px !important
    }

    .md-max-h-125px {
        max-height: 125px !important
    }

    .md-max-h-150px {
        max-height: 150px !important
    }

    .md-max-h-175px {
        max-height: 175px !important
    }

    .md-max-h-200px {
        max-height: 200px !important
    }

    .md-max-h-225px {
        max-height: 225px !important
    }

    .md-max-h-250px {
        max-height: 250px !important
    }

    .md-max-h-275px {
        max-height: 275px !important
    }

    .md-max-h-300px {
        max-height: 300px !important
    }
}

@media screen and (min-width:992px) {
    .lg-max-h-25 {
        max-height: 25% !important
    }

    .lg-max-h-50 {
        max-height: 50% !important
    }

    .lg-max-h-75 {
        max-height: 75% !important
    }

    .lg-max-h-100 {
        max-height: 100% !important
    }

    .lg-max-h-25px {
        max-height: 25px !important
    }

    .lg-max-h-50px {
        max-height: 50px !important
    }

    .lg-max-h-75px {
        max-height: 75px !important
    }

    .lg-max-h-100px {
        max-height: 100px !important
    }

    .lg-max-h-125px {
        max-height: 125px !important
    }

    .lg-max-h-150px {
        max-height: 150px !important
    }

    .lg-max-h-175px {
        max-height: 175px !important
    }

    .lg-max-h-200px {
        max-height: 200px !important
    }

    .lg-max-h-225px {
        max-height: 225px !important
    }

    .lg-max-h-250px {
        max-height: 250px !important
    }

    .lg-max-h-275px {
        max-height: 275px !important
    }

    .lg-max-h-300px {
        max-height: 300px !important
    }
}

@media screen and (min-width:1200px) {
    .xl-max-h-25 {
        max-height: 25% !important
    }

    .xl-max-h-50 {
        max-height: 50% !important
    }

    .xl-max-h-75 {
        max-height: 75% !important
    }

    .xl-max-h-100 {
        max-height: 100% !important
    }

    .xl-max-h-25px {
        max-height: 25px !important
    }

    .xl-max-h-50px {
        max-height: 50px !important
    }

    .xl-max-h-75px {
        max-height: 75px !important
    }

    .xl-max-h-100px {
        max-height: 100px !important
    }

    .xl-max-h-125px {
        max-height: 125px !important
    }

    .xl-max-h-150px {
        max-height: 150px !important
    }

    .xl-max-h-175px {
        max-height: 175px !important
    }

    .xl-max-h-200px {
        max-height: 200px !important
    }

    .xl-max-h-225px {
        max-height: 225px !important
    }

    .xl-max-h-250px {
        max-height: 250px !important
    }

    .xl-max-h-275px {
        max-height: 275px !important
    }

    .xl-max-h-300px {
        max-height: 300px !important
    }
}

.max-w-0 {
    max-width: 0 !important
}

.max-w-25 {
    max-width: 25% !important
}

.max-w-50 {
    max-width: 50% !important
}

.max-w-75 {
    max-width: 75% !important
}

.max-w-100 {
    max-width: 100% !important
}

.max-w-25px {
    max-width: 25px !important
}

.max-w-50px {
    max-width: 50px !important
}

.max-w-75px {
    max-width: 75px !important
}

.max-w-100px {
    max-width: 100px !important
}

.max-w-125px {
    max-width: 125px !important
}

.max-w-150px {
    max-width: 150px !important
}

.max-w-175px {
    max-width: 175px !important
}

.max-w-200px {
    max-width: 200px !important
}

.max-w-225px {
    max-width: 225px !important
}

.max-w-250px {
    max-width: 250px !important
}

.max-w-275px {
    max-width: 275px !important
}

.max-w-300px {
    max-width: 300px !important
}

@media screen and (min-width:600px) {
    .sm-max-w-0 {
        max-width: 0 !important
    }

    .sm-max-w-25 {
        max-width: 25% !important
    }

    .sm-max-w-50 {
        max-width: 50% !important
    }

    .sm-max-w-75 {
        max-width: 75% !important
    }

    .sm-max-w-100 {
        max-width: 100% !important
    }

    .sm-max-w-25px {
        max-width: 25px !important
    }

    .sm-max-w-50px {
        max-width: 50px !important
    }

    .sm-max-w-75px {
        max-width: 75px !important
    }

    .sm-max-w-100px {
        max-width: 100px !important
    }

    .sm-max-w-125px {
        max-width: 125px !important
    }

    .sm-max-w-150px {
        max-width: 150px !important
    }

    .sm-max-w-175px {
        max-width: 175px !important
    }

    .sm-max-w-200px {
        max-width: 200px !important
    }

    .sm-max-w-225px {
        max-width: 225px !important
    }

    .sm-max-w-250px {
        max-width: 250px !important
    }

    .sm-max-w-275px {
        max-width: 275px !important
    }

    .sm-max-w-300px {
        max-width: 300px !important
    }
}

@media screen and (min-width:768px) {
    .md-max-w-0 {
        max-width: 0 !important
    }

    .md-max-w-25 {
        max-width: 25% !important
    }

    .md-max-w-50 {
        max-width: 50% !important
    }

    .md-max-w-75 {
        max-width: 75% !important
    }

    .md-max-w-100 {
        max-width: 100% !important
    }

    .md-max-w-25px {
        max-width: 25px !important
    }

    .md-max-w-50px {
        max-width: 50px !important
    }

    .md-max-w-75px {
        max-width: 75px !important
    }

    .md-max-w-100px {
        max-width: 100px !important
    }

    .md-max-w-125px {
        max-width: 125px !important
    }

    .md-max-w-150px {
        max-width: 150px !important
    }

    .md-max-w-175px {
        max-width: 175px !important
    }

    .md-max-w-200px {
        max-width: 200px !important
    }

    .md-max-w-225px {
        max-width: 225px !important
    }

    .md-max-w-250px {
        max-width: 250px !important
    }

    .md-max-w-275px {
        max-width: 275px !important
    }

    .md-max-w-300px {
        max-width: 300px !important
    }
}

@media screen and (min-width:992px) {
    .lg-max-w-0 {
        max-width: 0 !important
    }

    .lg-max-w-25 {
        max-width: 25% !important
    }

    .lg-max-w-50 {
        max-width: 50% !important
    }

    .lg-max-w-75 {
        max-width: 75% !important
    }

    .lg-max-w-100 {
        max-width: 100% !important
    }

    .lg-max-w-25px {
        max-width: 25px !important
    }

    .lg-max-w-50px {
        max-width: 50px !important
    }

    .lg-max-w-75px {
        max-width: 75px !important
    }

    .lg-max-w-100px {
        max-width: 100px !important
    }

    .lg-max-w-125px {
        max-width: 125px !important
    }

    .lg-max-w-150px {
        max-width: 150px !important
    }

    .lg-max-w-175px {
        max-width: 175px !important
    }

    .lg-max-w-200px {
        max-width: 200px !important
    }

    .lg-max-w-225px {
        max-width: 225px !important
    }

    .lg-max-w-250px {
        max-width: 250px !important
    }

    .lg-max-w-275px {
        max-width: 275px !important
    }

    .lg-max-w-300px {
        max-width: 300px !important
    }
}

@media screen and (min-width:1200px) {
    .xl-max-w-0 {
        max-width: 0 !important
    }

    .xl-max-w-25 {
        max-width: 25% !important
    }

    .xl-max-w-50 {
        max-width: 50% !important
    }

    .xl-max-w-75 {
        max-width: 75% !important
    }

    .xl-max-w-100 {
        max-width: 100% !important
    }

    .xl-max-w-25px {
        max-width: 25px !important
    }

    .xl-max-w-50px {
        max-width: 50px !important
    }

    .xl-max-w-75px {
        max-width: 75px !important
    }

    .xl-max-w-100px {
        max-width: 100px !important
    }

    .xl-max-w-125px {
        max-width: 125px !important
    }

    .xl-max-w-150px {
        max-width: 150px !important
    }

    .xl-max-w-175px {
        max-width: 175px !important
    }

    .xl-max-w-200px {
        max-width: 200px !important
    }

    .xl-max-w-225px {
        max-width: 225px !important
    }

    .xl-max-w-250px {
        max-width: 250px !important
    }

    .xl-max-w-275px {
        max-width: 275px !important
    }

    .xl-max-w-300px {
        max-width: 300px !important
    }
}

.min-h-25 {
    min-height: 25% !important
}

.min-h-50 {
    min-height: 50% !important
}

.min-h-75 {
    min-height: 75% !important
}

.min-h-100 {
    min-height: 100% !important
}

.min-h-25px {
    min-height: 25px !important
}

.min-h-50px {
    min-height: 50px !important
}

.min-h-75px {
    min-height: 75px !important
}

.min-h-100px {
    min-height: 100px !important
}

.min-h-125px {
    min-height: 125px !important
}

.min-h-150px {
    min-height: 150px !important
}

.min-h-175px {
    min-height: 175px !important
}

.min-h-200px {
    min-height: 200px !important
}

.min-h-225px {
    min-height: 225px !important
}

.min-h-250px {
    min-height: 250px !important
}

.min-h-275px {
    min-height: 275px !important
}

.min-h-300px {
    min-height: 300px !important
}

@media screen and (min-width:768px) {
    .md-min-h-25 {
        min-height: 25% !important
    }

    .md-min-h-50 {
        min-height: 50% !important
    }

    .md-min-h-75 {
        min-height: 75% !important
    }

    .md-min-h-100 {
        min-height: 100% !important
    }

    .md-min-h-25px {
        min-height: 25px !important
    }

    .md-min-h-50px {
        min-height: 50px !important
    }

    .md-min-h-75px {
        min-height: 75px !important
    }

    .md-min-h-100px {
        min-height: 100px !important
    }

    .md-min-h-125px {
        min-height: 125px !important
    }

    .md-min-h-150px {
        min-height: 150px !important
    }

    .md-min-h-175px {
        min-height: 175px !important
    }

    .md-min-h-200px {
        min-height: 200px !important
    }

    .md-min-h-225px {
        min-height: 225px !important
    }

    .md-min-h-250px {
        min-height: 250px !important
    }

    .md-min-h-275px {
        min-height: 275px !important
    }

    .md-min-h-300px {
        min-height: 300px !important
    }
}

.min-w-0 {
    min-width: 0 !important
}

.min-w-25 {
    min-width: 25% !important
}

.min-w-50 {
    min-width: 50% !important
}

.min-w-75 {
    min-width: 75% !important
}

.min-w-100 {
    min-width: 100% !important
}

.min-w-25px {
    min-width: 25px !important
}

.min-w-50px {
    min-width: 50px !important
}

.min-w-75px {
    min-width: 75px !important
}

.min-w-100px {
    min-width: 100px !important
}

.min-w-125px {
    min-width: 125px !important
}

.min-w-150px {
    min-width: 150px !important
}

.min-w-175px {
    min-width: 175px !important
}

.min-w-200px {
    min-width: 200px !important
}

.min-w-225px {
    min-width: 225px !important
}

.min-w-250px {
    min-width: 250px !important
}

.min-w-275px {
    min-width: 275px !important
}

.min-w-300px {
    min-width: 300px !important
}

@media screen and (min-width:600px) {
    .sm-min-w-0 {
        min-width: 0 !important
    }

    .sm-min-w-25 {
        min-width: 25% !important
    }

    .sm-min-w-50 {
        min-width: 50% !important
    }

    .sm-min-w-75 {
        min-width: 75% !important
    }

    .sm-min-w-100 {
        min-width: 100% !important
    }

    .sm-min-w-25px {
        min-width: 25px !important
    }

    .sm-min-w-50px {
        min-width: 50px !important
    }

    .sm-min-w-75px {
        min-width: 75px !important
    }

    .sm-min-w-100px {
        min-width: 100px !important
    }

    .sm-min-w-125px {
        min-width: 125px !important
    }

    .sm-min-w-150px {
        min-width: 150px !important
    }

    .sm-min-w-175px {
        min-width: 175px !important
    }

    .sm-min-w-200px {
        min-width: 200px !important
    }

    .sm-min-w-225px {
        min-width: 225px !important
    }

    .sm-min-w-250px {
        min-width: 250px !important
    }

    .sm-min-w-275px {
        min-width: 275px !important
    }

    .sm-min-w-300px {
        min-width: 300px !important
    }
}

@media screen and (min-width:768px) {
    .md-min-w-0 {
        min-width: 0 !important
    }

    .md-min-w-25 {
        min-width: 25% !important
    }

    .md-min-w-50 {
        min-width: 50% !important
    }

    .md-min-w-75 {
        min-width: 75% !important
    }

    .md-min-w-100 {
        min-width: 100% !important
    }

    .md-min-w-25px {
        min-width: 25px !important
    }

    .md-min-w-50px {
        min-width: 50px !important
    }

    .md-min-w-75px {
        min-width: 75px !important
    }

    .md-min-w-100px {
        min-width: 100px !important
    }

    .md-min-w-125px {
        min-width: 125px !important
    }

    .md-min-w-150px {
        min-width: 150px !important
    }

    .md-min-w-175px {
        min-width: 175px !important
    }

    .md-min-w-200px {
        min-width: 200px !important
    }

    .md-min-w-225px {
        min-width: 225px !important
    }

    .md-min-w-250px {
        min-width: 250px !important
    }

    .md-min-w-275px {
        min-width: 275px !important
    }

    .md-min-w-300px {
        min-width: 300px !important
    }
}

@media screen and (min-width:992px) {
    .lg-min-w-0 {
        min-width: 0 !important
    }

    .lg-min-w-25 {
        min-width: 25% !important
    }

    .lg-min-w-50 {
        min-width: 50% !important
    }

    .lg-min-w-75 {
        min-width: 75% !important
    }

    .lg-min-w-100 {
        min-width: 100% !important
    }

    .lg-min-w-25px {
        min-width: 25px !important
    }

    .lg-min-w-50px {
        min-width: 50px !important
    }

    .lg-min-w-75px {
        min-width: 75px !important
    }

    .lg-min-w-100px {
        min-width: 100px !important
    }

    .lg-min-w-125px {
        min-width: 125px !important
    }

    .lg-min-w-150px {
        min-width: 150px !important
    }

    .lg-min-w-175px {
        min-width: 175px !important
    }

    .lg-min-w-200px {
        min-width: 200px !important
    }

    .lg-min-w-225px {
        min-width: 225px !important
    }

    .lg-min-w-250px {
        min-width: 250px !important
    }

    .lg-min-w-275px {
        min-width: 275px !important
    }

    .lg-min-w-300px {
        min-width: 300px !important
    }
}

@media screen and (min-width:1200px) {
    .xl-min-w-0 {
        min-width: 0 !important
    }

    .xl-min-w-25 {
        min-width: 25% !important
    }

    .xl-min-w-50 {
        min-width: 50% !important
    }

    .xl-min-w-75 {
        min-width: 75% !important
    }

    .xl-min-w-100 {
        min-width: 100% !important
    }

    .xl-min-w-25px {
        min-width: 25px !important
    }

    .xl-min-w-50px {
        min-width: 50px !important
    }

    .xl-min-w-75px {
        min-width: 75px !important
    }

    .xl-min-w-100px {
        min-width: 100px !important
    }

    .xl-min-w-125px {
        min-width: 125px !important
    }

    .xl-min-w-150px {
        min-width: 150px !important
    }

    .xl-min-w-175px {
        min-width: 175px !important
    }

    .xl-min-w-200px {
        min-width: 200px !important
    }

    .xl-min-w-225px {
        min-width: 225px !important
    }

    .xl-min-w-250px {
        min-width: 250px !important
    }

    .xl-min-w-275px {
        min-width: 275px !important
    }

    .xl-min-w-300px {
        min-width: 300px !important
    }
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: .75rem !important
}

.p-4 {
    padding: 1rem !important
}

.p-5 {
    padding: 1.25rem !important
}

.p-6 {
    padding: 1.5rem !important
}

.p-7 {
    padding: 1.75rem !important
}

.p-8 {
    padding: 2rem !important
}

.p-top-1 {
    padding-top: .25rem !important
}

.p-top-2 {
    padding-top: .5rem !important
}

.p-top-3 {
    padding-top: .75rem !important
}

.p-top-4 {
    padding-top: 1rem !important
}

.p-top-5 {
    padding-top: 1.25rem !important
}

.p-top-6 {
    padding-top: 1.5rem !important
}

.p-top-7 {
    padding-top: 1.75rem !important
}

.p-top-8 {
    padding-top: 2rem !important
}

.p-left-1 {
    padding-left: .25rem !important
}

.p-left-2 {
    padding-left: .5rem !important
}

.p-left-3 {
    padding-left: .75rem !important
}

.p-left-4 {
    padding-left: 1rem !important
}

.p-left-5 {
    padding-left: 1.25rem !important
}

.p-left-6 {
    padding-left: 1.5rem !important
}

.p-left-7 {
    padding-left: 1.75rem !important
}

.p-left-8 {
    padding-left: 2rem !important
}

.p-bottom-1 {
    padding-bottom: .25rem !important
}

.p-bottom-2 {
    padding-bottom: .5rem !important
}

.p-bottom-3 {
    padding-bottom: .75rem !important
}

.p-bottom-4 {
    padding-bottom: 1rem !important
}

.p-bottom-5 {
    padding-bottom: 1.25rem !important
}

.p-bottom-6 {
    padding-bottom: 1.5rem !important
}

.p-bottom-7 {
    padding-bottom: 1.75rem !important
}

.p-bottom-8 {
    padding-bottom: 2rem !important
}

.p-right-1 {
    padding-right: .25rem !important
}

.p-right-2 {
    padding-right: .5rem !important
}

.p-right-3 {
    padding-right: .75rem !important
}

.p-right-4 {
    padding-right: 1rem !important
}

.p-right-5 {
    padding-right: 1.25rem !important
}

.p-right-6 {
    padding-right: 1.5rem !important
}

.p-right-7 {
    padding-right: 1.75rem !important
}

.p-right-8 {
    padding-right: 2rem !important
}

@media screen and (min-width:768px) {
    .md-p-0 {
        padding: 0 !important
    }

    .md-p-1 {
        padding: .25rem !important
    }

    .md-p-2 {
        padding: .5rem !important
    }

    .md-p-3 {
        padding: .75rem !important
    }

    .md-p-4 {
        padding: 1rem !important
    }

    .md-p-5 {
        padding: 1.25rem !important
    }

    .md-p-6 {
        padding: 1.5rem !important
    }

    .md-p-7 {
        padding: 1.75rem !important
    }

    .md-p-8 {
        padding: 2rem !important
    }

    .md-p-top-1 {
        padding-top: .25rem !important
    }

    .md-p-top-2 {
        padding-top: .5rem !important
    }

    .md-p-top-3 {
        padding-top: .75rem !important
    }

    .md-p-top-4 {
        padding-top: 1rem !important
    }

    .md-p-top-5 {
        padding-top: 1.25rem !important
    }

    .md-p-top-6 {
        padding-top: 1.5rem !important
    }

    .md-p-top-7 {
        padding-top: 1.75rem !important
    }

    .md-p-top-8 {
        padding-top: 2rem !important
    }

    .md-p-left-1 {
        padding-left: .25rem !important
    }

    .md-p-left-2 {
        padding-left: .5rem !important
    }

    .md-p-left-3 {
        padding-left: .75rem !important
    }

    .md-p-left-4 {
        padding-left: 1rem !important
    }

    .md-p-left-5 {
        padding-left: 1.25rem !important
    }

    .md-p-left-6 {
        padding-left: 1.5rem !important
    }

    .md-p-left-7 {
        padding-left: 1.75rem !important
    }

    .md-p-left-8 {
        padding-left: 2rem !important
    }

    .md-p-bottom-1 {
        padding-bottom: .25rem !important
    }

    .md-p-bottom-2 {
        padding-bottom: .5rem !important
    }

    .md-p-bottom-3 {
        padding-bottom: .75rem !important
    }

    .md-p-bottom-4 {
        padding-bottom: 1rem !important
    }

    .md-p-bottom-5 {
        padding-bottom: 1.25rem !important
    }

    .md-p-top-6 {
        padding-top: 1.5rem !important
    }

    .md-p-bottom-7 {
        padding-bottom: 1.75rem !important
    }

    .md-p-bottom-8 {
        padding-bottom: 2rem !important
    }

    .md-p-right-1 {
        padding-right: .25rem !important
    }

    .md-p-right-2 {
        padding-right: .5rem !important
    }

    .md-p-right-3 {
        padding-right: .75rem !important
    }

    .md-p-right-4 {
        padding-right: 1rem !important
    }

    .md-p-right-5 {
        padding-right: 1.25rem !important
    }

    .md-p-right-6 {
        padding-right: 1.5rem !important
    }

    .md-p-right-7 {
        padding-right: 1.75rem !important
    }

    .md-p-right-8 {
        padding-right: 2rem !important
    }
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.underline {
    text-decoration: 2px underline
}

.bold {
    font-weight: 700
}

.italics {
    font-style: italic
}

.font-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.font-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.font-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.font-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.font-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.font-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.font-5xl {
    font-size: 3rem;
    line-height: 1
}

.font-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.font-7xl {
    font-size: 4.5rem;
    line-height: 1
}

.font-8xl {
    font-size: 6rem;
    line-height: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-25px {
    width: 25px !important
}

.w-50px {
    width: 50px !important
}

.w-75px {
    width: 75px !important
}

.w-100px {
    width: 100px !important
}

.w-125px {
    width: 125px !important
}

.w-150px {
    width: 150px !important
}

.w-175px {
    width: 175px !important
}

.w-200px {
    width: 200px !important
}

.w-225px {
    width: 225px !important
}

.w-250px {
    width: 250px !important
}

.w-275px {
    width: 275px !important
}

.w-300px {
    width: 300px !important
}

@media screen and (min-width:600px) {
    .sm-w-25 {
        width: 25% !important
    }

    .sm-w-50 {
        width: 50% !important
    }

    .sm-w-75 {
        width: 75% !important
    }

    .sm-w-100 {
        width: 100% !important
    }

    .sm-w-25px {
        width: 25px !important
    }

    .sm-w-50px {
        width: 50px !important
    }

    .sm-w-75px {
        width: 75px !important
    }

    .sm-w-100px {
        width: 100px !important
    }

    .sm-w-125px {
        width: 125px !important
    }

    .sm-w-150px {
        width: 150px !important
    }

    .sm-w-175px {
        width: 175px !important
    }

    .sm-w-200px {
        width: 200px !important
    }

    .sm-w-225px {
        width: 225px !important
    }

    .sm-w-250px {
        width: 250px !important
    }

    .sm-w-275px {
        width: 275px !important
    }

    .sm-w-300px {
        width: 300px !important
    }
}

@media screen and (min-width:768px) {
    .md-w-25 {
        width: 25% !important
    }

    .md-w-50 {
        width: 50% !important
    }

    .md-w-75 {
        width: 75% !important
    }

    .md-w-100 {
        width: 100% !important
    }

    .md-w-25px {
        width: 25px !important
    }

    .md-w-50px {
        width: 50px !important
    }

    .md-w-75px {
        width: 75px !important
    }

    .md-w-100px {
        width: 100px !important
    }

    .md-w-125px {
        width: 125px !important
    }

    .md-w-150px {
        width: 150px !important
    }

    .md-w-175px {
        width: 175px !important
    }

    .md-w-200px {
        width: 200px !important
    }

    .md-w-225px {
        width: 225px !important
    }

    .md-w-250px {
        width: 250px !important
    }

    .md-w-275px {
        width: 275px !important
    }

    .md-w-300px {
        width: 300px !important
    }
}

@media screen and (min-width:992px) {
    .lg-w-25 {
        width: 25% !important
    }

    .lg-w-50 {
        width: 50% !important
    }

    .lg-w-75 {
        width: 75% !important
    }

    .lg-w-100 {
        width: 100% !important
    }

    .lg-w-25px {
        width: 25px !important
    }

    .lg-w-50px {
        width: 50px !important
    }

    .lg-w-75px {
        width: 75px !important
    }

    .lg-w-100px {
        width: 100px !important
    }

    .lg-w-125px {
        width: 125px !important
    }

    .lg-w-150px {
        width: 150px !important
    }

    .lg-w-175px {
        width: 175px !important
    }

    .lg-w-200px {
        width: 200px !important
    }

    .lg-w-225px {
        width: 225px !important
    }

    .lg-w-250px {
        width: 250px !important
    }

    .lg-w-275px {
        width: 275px !important
    }

    .lg-w-300px {
        width: 300px !important
    }
}

@media screen and (min-width:1200px) {
    .xl-w-25 {
        width: 25% !important
    }

    .xl-w-50 {
        width: 50% !important
    }

    .xl-w-75 {
        width: 75% !important
    }

    .xl-w-100 {
        width: 100% !important
    }

    .xl-w-25px {
        width: 25px !important
    }

    .xl-w-50px {
        width: 50px !important
    }

    .xl-w-75px {
        width: 75px !important
    }

    .xl-w-100px {
        width: 100px !important
    }

    .xl-w-125px {
        width: 125px !important
    }

    .xl-w-150px {
        width: 150px !important
    }

    .xl-w-175px {
        width: 175px !important
    }

    .xl-w-200px {
        width: 200px !important
    }

    .xl-w-225px {
        width: 225px !important
    }

    .xl-w-250px {
        width: 250px !important
    }

    .xl-w-275px {
        width: 275px !important
    }

    .xl-w-300px {
        width: 300px !important
    }
}