/* global variables */
:root {
    --fontsize: calc(0.3125rem + ((1vw - 3.6px) * 0.4965));
}

:root {
    /* add fluid rem function */
    font-size: max(37.5%, min(var(--fontsize), 62.5%));
    /* RWD */
    --global-width: min(calc(320px + ((1vw - 3.6px) * 100)), 123.5rem);

    /* colors */
    --color-white: #FFFFFF;
    --color-black: #000;
    --color-gold: #CFAB6D;
    --color-navy: #172150;
    --color-navy-dark: #091133;
    --color-navy-mid: #17265F;
    --color-indigo: #2A2566;
    --color-lavender: #ACA7EA;

    /* fonts */
    --font-family-main: "Geist", sans-serif;
    --font-size-12: max(12px, 1.2rem);
    --font-size-13: max(13px, 1.3rem);
    --font-size-14: max(14px, 1.4rem);
    --font-size-16: max(15px, 1.6rem);
    --font-size-18: max(17px, 1.8rem);
    --font-size-20: max(18px, 2rem);
    --font-size-24: max(24px, 2.4rem);
    --font-size-32: max(28px, 3.2rem);
    --font-size-40: max(28px, 4rem);
    --font-size-42: max(30px, 4.2rem);
    --font-size-48: max(30px, 4.8rem);

    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    font-family: var(--font-family-main);
}

@media(min-width: 2048px) {
    :root {
        font-size: 85%;
    }
}

@media(min-width: 3840px) {
    :root {
        font-size: 140%;
    }
}

/* Color Classes */
.color-white {
    color: var(--color-white);
}

.color-black {
    color: var(--color-black);
}

.color-gold {
    color: var(--color-gold);
}

.color-navy {
    color: var(--color-navy);
}

.color-navy-dark {
    color: var(--color-navy-dark);
}

.color-navy-mid {
    color: var(--color-navy-mid);
}

.color-indigo {
    color: var(--color-indigo);
}

.color-lavender {
    color: var(--color-lavender);
}

/* Background Color Classes */
.bg-white {
    background-color: var(--color-white);
}

.bg-black {
    background-color: var(--color-black);
}

.bg-gold {
    background-color: var(--color-gold);
}

.bg-navy {
    background-color: var(--color-navy);
}

.bg-navy-dark {
    background-color: var(--color-navy-dark);
}

.bg-navy-mid {
    background-color: var(--color-navy-mid);
}

.bg-indigo {
    background-color: var(--color-indigo);
}

.bg-lavender {
    background-color: var(--color-lavender);
}

/* Font Family Classes */
.font-family-main {
    font-family: var(--font-family-main);
}

/* Font Size Classes */
.font-size-12 {
    font-size: var(--font-size-12);
}

.font-size-13 {
    font-size: var(--font-size-13);
}

.font-size-14 {
    font-size: var(--font-size-14);
}

.font-size-16 {
    font-size: var(--font-size-16);
}

.font-size-18 {
    font-size: var(--font-size-18);
}

.font-size-20 {
    font-size: var(--font-size-20);
}

.font-size-24 {
    font-size: var(--font-size-24);
}

.font-size-32 {
    font-size: var(--font-size-32);
}

.font-size-40 {
    font-size: var(--font-size-40);
}

.font-size-42 {
    font-size: var(--font-size-42);
}

.font-size-48 {
    font-size: var(--font-size-48);
}

.line-height-30 {
    line-height: max(30px, 3rem);
}

/* Font Weight Classes */
.font-weight-light {
    font-weight: var(--font-weight-light);
}

.font-weight-regular {
    font-weight: var(--font-weight-regular);
}

.font-weight-medium {
    font-weight: var(--font-weight-medium);
}

.font-weight-semibold {
    font-weight: var(--font-weight-semibold);
}

.font-weight-bold {
    font-weight: var(--font-weight-bold);
}

.font-weight-extrabold {
    font-weight: var(--font-weight-extrabold);
}

.geist {
    font-family: var(--font-family-main);
}

.cont {
    width: var(--global-width);
    max-width: 96%;
}

a {
    text-decoration: none;
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
}