﻿.is-family-primary,
.title,
.subtitle,
.label,
.tabs li,
.button,
.amount,
* {
    font-family: "Work Sans", sans-serif !important;
}

.is-family-secondary,
p,
.link,
.input,
.select,
.select2-container--default .select2-results__option {
    font-family: "Source Sans 3", sans-serif !important;
}

.is-size-1,
.is-1 {
    font-size: 2rem !important;
}

.is-size-2,
.is-2 {
    font-size: 1.5rem !important;
}

.is-size-3,
.is-3,
.subtitle {
    font-size: 1.125rem !important;
}

.is-size-4,
.is-4 {
    font-size: 1rem !important;
}

.is-size-5,
.is-5 {
    font-size: 0.9375rem !important;
}

.is-size-6,
.is-6,
p,
.input,
.label,
.link,
.select,
.select2-container--default .select2-results__option{
    font-size: 0.875rem !important;
}

.is-size-7,
.is-7,
.help{
    font-size: 0.75rem !important;
}

@media screen and (max-width: 1023px) {
    .is-size-1-touch,
    .is-1-touch {
        font-size: 2rem !important;
    }

    .is-size-2-touch,
    .is-2-touch {
        font-size: 1.5rem !important;
    }

    .is-size-3-touch,
    .is-3-touch {
        font-size: 1.125rem !important;
    }

    .is-size-4-touch,
    .is-4-touch {
        font-size: 1rem !important;
    }

    .is-size-5-touch,
    .is-5-touch {
        font-size: 0.9375rem !important;
    }

    .is-size-6-touch,
    .is-6-touch {
        font-size: 0.875rem !important;
    }

    .is-size-7-touch,
    .is-7-touch {
        font-size: 0.75rem !important;
    }
}


html{
    font-size:16px;
}

@media screen and (min-width: 1408px) {
    html {
        font-size: 18px;
    }
}

/* Weights */
.has-text-weight-300{
    font-weight:300 !important;
}
.has-text-weight-400 {
    font-weight: 400 !important;
}
.has-text-weight-500 {
    font-weight: 500 !important;
}
.has-text-weight-600 {
    font-weight: 600 !important;
}
.has-text-weight-700 {
    font-weight: 700 !important;
}
.has-text-weight-800 {
    font-weight: 800 !important;
}

.has-text-weight-900 {
    font-weight: 900 !important;
}

@media screen and (max-width: 1023px) {
    .has-text-weight-300-touch {
        font-weight: 300 !important;
    }

    .has-text-weight-400-touch {
        font-weight: 400 !important;
    }

    .has-text-weight-500-touch {
        font-weight: 500 !important;
    }

    .has-text-weight-600-touch {
        font-weight: 600 !important;
    }

    .has-text-weight-700-touch {
        font-weight: 700 !important;
    }

    .has-text-weight-800-touch {
        font-weight: 800 !important;
    }

    .has-text-weight-900-touch {
        font-weight: 900 !important;
    }
}