:root {
    --xs: 0;
    --sm: 576px;
    --md: 768px;
    --lg: 992px;
    --xl: 1200px;
    --x2: 1400px;

    --white: rgba(255, 255, 255, 1);
    --black: rgba(0, 0, 0, 1);
    --transparent: rgba(255, 255, 255, 0);
    --gray--50: rgba(249, 250, 251, 1);
    --gray--100: rgba(243, 244, 246, 1);
    --gray--200: rgba(229, 231, 235, 1);
    --gray--300: rgba(209, 213, 219, 1);
    --gray--400: rgba(156, 163, 175, 1);
    --gray--500: rgba(107, 114, 128, 1);
    --gray--600: rgba(75, 85, 99, 1);
    --gray--700: rgba(55, 65, 81, 1);
    --gray--800: rgba(31, 41, 55, 1);
    --gray--900: rgba(17, 24, 39, 1);
    --red--50: rgba(254, 242, 242, 1);
    --red--100: rgba(254, 226, 226, 1);
    --red--200: rgba(254, 202, 202, 1);
    --red--300: rgba(252, 165, 165, 1);
    --red--400: rgba(248, 113, 113, 1);
    --red--500: rgba(239, 68, 68, 1);
    --red--600: rgba(220, 38, 38, 1);
    --red--700: rgba(185, 28, 28, 1);
    --red--800: rgba(153, 27, 27, 1);
    --red--900: rgba(127, 29, 29, 1);
    --green--50: rgba(236, 253, 245, 1);
    --green--100: rgba(209, 250, 229, 1);
    --green--200: rgba(167, 243, 208, 1);
    --green--300: rgba(110, 231, 183, 1);
    --green--400: rgba(52, 211, 153, 1);
    --green--500: rgba(16, 185, 129, 1);
    --green--600: rgba(5, 150, 105, 1);
    --green--700: rgba(4, 120, 87, 1);
    --green--800: rgba(6, 95, 70, 1);
    --green--900: rgba(6, 78, 59, 1);
    --light-blue--50: rgba(240, 249, 255, 1);
    --light-blue--100: rgba(224, 242, 254, 1);
    --light-blue--200: rgba(186, 230, 253, 1);
    --light-blue--300: rgba(125, 211, 252, 1);
    --light-blue--400: rgba(56, 189, 248, 1);
    --light-blue--500: rgba(14, 165, 233, 1);
    --light-blue--600: rgba(2, 132, 199, 1);
    --light-blue--700: rgba(3, 105, 161, 1);
    --light-blue--800: rgba(7, 89, 133, 1);
    --light-blue--900: rgba(12, 74, 110, 1);
    --blue--50: rgba(232, 245, 255, 1);
    --blue--100: rgba(190, 227, 255, 1);
    --blue--200: rgba(148, 210, 255, 1);
    --blue--300: rgba(106, 192, 255, 1);
    --blue--400: rgba(65, 174, 255, 1);
    --blue--500: rgba(22, 148, 240, 1);
    --blue--600: rgba(0, 115, 199, 1);
    --blue--700: rgba(0, 91, 158, 1);
    --blue--800: rgba(0, 68, 117, 1);
    --blue--900: rgba(0, 44, 77, 1);

    /** This should be value of the grid */
    --container-width-header-image: 480px;
    --container-width-art-content: 400px;
    /** Inherited value from distrokid header.cfm */
    --container-body-width: 1140px;
}

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

body {
    margin: 0;
}

img {
    max-width: 100%;
}

button[disabled] {
    opacity: 0.5;
    cursor: initial;
}

.container {
    max-width: var(--container-body-width);
    margin: 0 auto;
}

.disp-none {
    display: none !important;
}

.float-r {
    float: right;
}

.bold {
    font-weight: 600;
}

.f-075 {
    font-size: 0.75rem;
}

.f-085 {
    font-size: 0.85rem;
}

.f-1 {
    font-size: 1.00rem;
}

.f-115 {
    font-size: 1.15rem;
}

.f-125 {
    font-size: 1.25rem;
}

.f-15 {
    font-size: 1.5rem;
}

.f-2 {
    font-size: 2rem;
}

.f-25 {
    font-size: 2.5rem;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-3 {
    margin-top: 1rem;
}

.mt-4 {
    margin-top: 1.5rem;
}

.mt-5 {
    margin-top: 2rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.mr-3 {
    margin-right: 1rem;
}

.mv-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.p-1 {
    padding: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 1rem;
}

.p-4 {
    padding: 1.5rem;
}

.p-5 {
    padding: 3rem;
}

.pt-4 {
    padding-top: 1.5rem;
}

.pt-5 {
    padding-top: 3rem;
}

.pb-4 {
    padding-bottom: 1.5rem;
}

.pb-5 {
    padding-bottom: 3rem;
}

.pb-6 {
    padding-bottom: 4rem;
}

.ph-3 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.pv-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.pv-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

body,
.bold, 
.btn {
    font-family: "Inter", "Lato", helvetica, arial, sans-serif;
}

body {
    font-weight: 400;
}

.fg-blue-600 {
    color: var(--blue--600);
}

.bg-blue-600 {
    background-color: var(--blue--600);
    color: var(--white);
}

.bg-blue-700 {
    background-color: var(--blue--700);
    color: var(--white);
}

.bg-gray-50 {
    background-color: var(--gray--50);
    color: var(--gray--700);
}

.bg-green-50 {
    background-color: var(--green--50);
    color: var(--green--700);
}

.bg-red-50 {
    background-color: var(--red--50);
    color: var(--red--700);
}

.bg-blue-50 {
    background-color: var(--blue--50);
    color: var(--blue--700);
}

.fg-gray-900 {
    color: var(--gray--900);
}

.fg-gray-700 {
    color: var(--gray--700);
}

.fg-gray-500 {
    color: var(--gray--500);
}

.fw-400 {
    font-weight: 400;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fs-base {
    font-size: 1rem;
}

.fs-small {
    font-size: 0.875rem;
}

.line-height-125 {
    line-height: 1.25;
}

.line-height-15 {
    line-height: 1.5;
}

.full-width {
    width: 100%;
}

.center-text {
    text-align: center;
}

/** lg 992px desktop */
@media only screen and (min-width: 62rem) {

    .f-lg-25 {
        font-size: 2.5rem;
    }

}