@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");

/* 12px @ 320px increasing to 20px @ 2000px */
html, body {
    font-size: 18px;
    /* font-size: clamp(7px, calc(0.75rem + ((1vw - 3.2px) * 0.4762)), 20px) !important; */
    /* Note: The calc base value (0.75rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.4762 = 100 * font-size_difference / viewport_width_difference */
  
    /* Safari resize fix */
    min-height: 0vw;
}


@media (min-width: 1px) {
    html, body {
        font-size: 7px !important;
    }
}

@media (min-width: 320px) {
    html, body {
        font-size: 8px !important;
    }
}

@media (min-width: 500px) {
    html, body {
        font-size: 10px !important;
    }
}

@media (min-width: 768px) {
    html, body {
        font-size: 11px !important;
    }
}

@media (min-width: 992px) {
    html, body {
        font-size: 12px !important;
    }
}

@media (min-width: 1200px) {
    html, body {
        font-size: 13px !important;
    }
}

@media (min-width: 1400px) {
    html, body {
        font-size: 14px !important;
    }
}

@media (min-width: 1600px) {
    html, body {
        font-size: 15px !important;
    }
}

@media (min-width: 1800px) {
    html, body {
        font-size: 18px !important;
    }
}

@media (min-width: 2000px) {
    html, body {
        font-size: 24px !important;
    }
}

@media (min-width: 2500px) {
    html, body {
        font-size: 28px !important;
    }
}

@media (min-width: 3000px) {
    html, body {
        font-size: 30px !important;
    }
}

@media (min-width: 3500px) {
    html, body {
        font-size: 32px !important;
    }
}

.font-size-15 {
    font-size: 0.95rem;
}

.font-size-18 {
    font-size: 1.125rem;
}

.font-size-19 {
    font-size: 1.18rem;
}

.font-size-20 {
    font-size: 1.25rem;
}

.font-size-22 {
    font-size: 1.37rem;
}

.font-size-24 {
    font-size: 1.5rem;
}

.font-size-26 {
    font-size: 1.625rem;
}

.font-size-34 {
    font-size: 2.125rem;
}

.font-size-36 {
    font-size: 2.25rem;
}

.font-size-44 {
    font-size: 2.75rem;
}

.font-size-44-upd {
    /* font-size: 2.75rem; */

    font-size: 2.85rem;
}

.font-size-84 {
    font-size: 5.25rem;
}

.font-size-84-upd {
    /* font-size: 5.25rem; */

    font-size: 5.75rem;
}

.font-size-100 {
    font-size: 6.25rem;
}

.font-size-100-upd {
    /* font-size: 6.25rem; */

    font-size: 6.75rem;
}

hr {
    height: 1px;
    background-color: #ccc;
    border: none;
}

.shadow_text {
    text-shadow: 3px 3px 5px rgba(0,0,0,0.40);
    box-shadow: none;
}

.spacing {
    letter-spacing: -3px;
}

.line-space-0-6 {
    line-height: 0.6 !important;
}

.line-space-0-9 {
    line-height: 0.9 !important;
}

.line-space-0-95 {
    line-height: 0.95 !important;
}

.line-space-0-8 {
    line-height: 0.8 !important;
}

.line-space-1 {
    line-height: 1 !important;
}

.line-space-1-1 {
    line-height: 1.1 !important;
}

.line-space-1-2 {
    line-height: 1.2 !important;
}

.line-space-1-4 {
    line-height: 1.4 !important;
}

.line-space-1-6 {
    line-height: 1.6 !important;
}

.line-space-1-8 {
    line-height: 1.8 !important;
}

.line-space-2-0 {
    line-height: 2-0 !important;
}

.c-font-medium {
    font-weight: 500 !important;
}

.c-font-light {
    font-weight: 300 !important;
}

.c-font-regular {
    font-weight: 400 !important;
}

.c-font-semibold {
    font-weight: 600 !important;
}

.c-font-bold {
    font-weight: 700 !important;
}

.underline-offset {
    text-underline-offset: 25%;
    text-decoration-thickness: 6%;
}