/* Variables */

:root {
    --black: rgba(0, 0, 0, 1);
    --blue-charcoal: rgba(0, 5, 25, 1);
    --biscay: rgba(31, 48, 104, 1);
    --masala: rgba(61, 61, 61, 1);
    --gravel: rgba(74, 74, 74, 1);
    --indigo: rgba(92, 129, 198, 1);
    --storm-dust: rgba(99, 99, 99, 1);
    --sonic-silver: rgba(114, 114, 114, 1);
    --quick-silver: rgba(166, 166, 166, 1);
    --silver-chalice: rgba(174, 172, 172, 1);
    --alto: rgba(218, 218, 218, 1);
    --white-2: rgba(255, 255, 255, 0.8);
    --white: rgba(255, 255, 255, 1);

    --font-size-xs: 13px;
    --font-size-s: 15.2px;
    --font-size-m: 16px;
    --font-size-l: 18px;
    --font-size-xl: 20px;
    --font-size-xxl: 22px;
    --font-size-xxxl: 34px;

    --font-family-font_awesome_5_pro-solid: "Font Awesome 5 Pro-Solid";
    --font-family-jost: "Jost";
    --font-family-lato: "Lato";
    --font-family-montserrat: "Montserrat";
    --font-family-open_sans: "Open Sans";
}

/* Classes */

.montserrat-bold-biscay-16px {
    color: var(--biscay);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-m);
    font-weight: 700;
    font-style: normal;
}
.montserrat-bold-blue-charcoal-20px {
    color: var(--blue-charcoal);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-xl);
    font-weight: 700;
    font-style: normal;
}
.montserrat-bold-white-24px-2 {
    font-family: var(--font-family-montserrat);
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
}
.lato-normal-white-16px {
    color: var(--white);
    font-family: var(--font-family-lato);
    font-size: var(--font-size-m);
    font-weight: 400;
    font-style: normal;
}
.montserrat-medium-white-18-8px {
    color: var(--white);
    font-family: var(--font-family-montserrat);
    font-size: 18.846153259277344px;
    font-weight: 500;
    font-style: normal;
}
.montserrat-bold-blue-charcoal-18px {
    color: var(--blue-charcoal);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-l);
    font-weight: 700;
    font-style: normal;
}
.opensans-normal-storm-dust-18px {
    color: var(--storm-dust);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-l);
    font-weight: 400;
    font-style: normal;
}
.opensans-normal-storm-dust-24px {
    color: var(--storm-dust);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-xl);
    font-weight: 400;
    font-style: normal;
}
.montserrat-bold-white-34px-2 {
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-xxxl);
    font-weight: 700;
    font-style: normal;
}
.montserrat-bold-white-34px {
    color: var(--white);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-xxxl);
    font-weight: 700;
    font-style: normal;
}
.opensans-bold-silver-chalice-14px {
    color: var(--silver-chalice);
    font-family: var(--font-family-open_sans);
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
}
.montserrat-medium-white-15px {
    color: var(--white);
    font-family: var(--font-family-montserrat);
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
}
.montserrat-bold-masala-12px {
    color: var(--masala);
    font-family: var(--font-family-montserrat);
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
}
.jost-normal-quick-silver-18px {
    color: var(--quick-silver);
    font-family: var(--font-family-jost);
    font-size: var(--font-size-l);
    font-weight: 400;
    font-style: normal;
}
.opensans-normal-white-18px {
    color: var(--white);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-l);
    font-weight: 400;
    font-style: italic;
}
.fontawesome5pro-solid-normal-white-24-3px {
    font-family: var(--font-family-font_awesome_5_pro-solid);
    font-size: 24.256420135498047px;
    font-weight: 400;
    font-style: normal;
}
.montserrat-bold-white-16px {
    color: var(--white);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-m);
    font-weight: 700;
    font-style: normal;
}
.lato-bold-silver-chalice-14px {
    color: var(--silver-chalice);
    font-family: var(--font-family-lato);
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
}

.lato-silver-chalice-14px {
    color: var(--silver-chalice);
    font-family: var(--font-family-lato);
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}

.montserrat-light-white-16px {
    color: var(--white);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-m);
    font-weight: 300;
    font-style: normal;
}
.montserrat-bold-white-43-5px {
    color: var(--white);
    font-family: var(--font-family-montserrat);
    font-size: 43.536041259765625px;
    font-weight: 700;
    font-style: normal;
}
.montserrat-bold-biscay-18px {
    color: var(--biscay);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-l);
    font-weight: 700;
    font-style: normal;
}
.opensans-normal-white-18px-2 {
    color: var(--white);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-l);
    font-weight: 400;
    font-style: normal;
}
.opensans-normal-sonic-silver-18px {
    color: var(--sonic-silver);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-l);
    font-weight: 400;
    font-style: normal;
}
.opensans-normal-sonic-silver-16px {
    color: var(--sonic-silver);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-m);
    font-weight: 400;
    font-style: normal;
}
.opensans-normal-gravel-16px {
    color: var(--gravel);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-m);
    font-weight: 400;
    font-style: normal;
}
.montserrat-bold-blue-charcoal-15-2px {
    color: var(--blue-charcoal);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-s);
    font-weight: 700;
    font-style: normal;
}
.opensans-normal-sonic-silver-13px {
    color: var(--sonic-silver);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-xs);
    font-weight: 400;
    font-style: normal;
}
.montserrat-bold-white-24px {
    color: var(--white);
    font-family: var(--font-family-montserrat);
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
}
.opensans-bold-white-16px {
    color: var(--white);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-m);
    font-weight: 700;
    font-style: normal;
}
.opensans-normal-white-16px {
    color: var(--white);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-m);
    font-weight: 400;
    font-style: normal;
}
.opensans-semi-bold-white-18-3px {
    color: var(--white);
    font-family: var(--font-family-open_sans);
    font-size: 18.330963134765625px;
    font-weight: 600;
    font-style: normal;
}

.montserrat-bold-blue-charcoal-15-2px {
    color: var(--blue-charcoal);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-s);
    font-weight: 700;
    font-style: normal;
}

.opensans-normal-sonic-silver-13px {
    color: var(--sonic-silver);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-xs);
    font-weight: 400;
    font-style: normal;
}