/* COLOR STYLES */

#bootstrap-overrides {

    /* Primary */
    --primary-default: #FAFAFA;
    --primary-dark: #265980;
    --primary-light: #4DB2FF;
    --primary-on-primary: #015493;;

    /* Secondary */
    --secondary-default: #FFFFFF;
    --secondary-dark: #803633;
    --secondary-light: #FF6B66;
    --secondary-on-secondary: #015493;

    /* Neutral */
    --neutral-1: #FFFFFF;
    --neutral-2: #F5F5F5;
    --neutral-3: #B9B9B9;
    --neutral-4: #6F6F6F;
    --neutral-5: #000000;

    /* Text Colors */
    --text-white: #FFFFFF;
    --text-light: #DCDCDC;
    --text-dark: #6F6F6F;
    --text-black: #000000;

    /* Text Styles */
    --h1: normal normal bold  64px 78px Helvetica Neue, san-serif;
    --h2: normal normal bold  32px 39px "Helvetica Neue", san-serif;
    --h3: normal normal bold  24px 29px "Helvetica Neue", san-serif;
    --h4: normal normal bold  18px 22px "Helvetica Neue", san-serif;
    --h5: normal normal normal  16px 19px "Helvetica Neue", san-serif;
    --body: normal normal bold  16px 19px "Helvetica Neue", san-serif;
    --body-bold: normal normal bold  16px 20px "Helvetica Neue", san-serif;
    --link-text: normal normal bold  16px 20px "Helvetica Neue", san-serif;
    --subtext: normal normal normal  14px 17px "Helvetica Neue", san-serif;
    --button: normal normal bold  16px 20px "Helvetica Neue", san-serif;
}

@media (max-width: 350px) {
    #bootstrap-overrides h1 {
        font-size: 24px;
        line-height: 96px;
    }
    #bootstrap-overrides h2 {
        font-size: 18px;
        line-height: 32px;
    }
    #bootstrap-overrides .page-header {
        padding: 0 28px;
    }
}

@media (min-width: 351px) and (max-width: 575.98px) {
    #bootstrap-overrides h1 {
        font-size: 32px;
        line-height: 60px;
    }
    #bootstrap-overrides h2 {
        font-size: 22px;
        line-height: 30px;
    }
    #bootstrap-overrides .page-header {
        padding: 0 28px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #bootstrap-overrides h1 {
        font-size: 36px;
        line-height: 96px;
    }
    #bootstrap-overrides h2 {
        font-size: 24px;
        line-height: 48px;
    }
    #bootstrap-overrides .page-header {
        padding: 0 28px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #bootstrap-overrides h1 {
        font-size: 48px;
        line-height: 96px;
    }
    #bootstrap-overrides h2 {
        font-size: 32px;
        line-height: 39px;
    }
    #bootstrap-overrides .page-header {
        padding: 0 28px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #bootstrap-overrides h1 {
        font-size: 64px;
        line-height: 96px;
    }
    #bootstrap-overrides h2 {
        font-size: 32px;
        line-height: 39px;
    }
    #bootstrap-overrides .page-header {
        padding: 0 28px 0 calc(3em + 12px);
    }
}

@media (min-width: 1200px) {
    #bootstrap-overrides h1 {
        font-size: 64px;
        line-height: 96px;
    }
    #bootstrap-overrides h2 {
        font-size: 32px;
        line-height: 39px;
    }
    #bootstrap-overrides .page-header {
        padding: 0 28px 0 calc(3em + 12px);
    }
}

#bootstrap-overrides h1 {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-family: "Helvetica Neue", sans-serif;
}

#bootstrap-overrides h2 {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-family: "Helvetica Neue", sans-serif;
}

#bootstrap-overrides h3 {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    font-family: "Helvetica Neue", sans-serif;
}

#bootstrap-overrides h4 {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    font-family: "Helvetica Neue", sans-serif;
}

#bootstrap-overrides h5 {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    font-family: "Helvetica Neue", sans-serif;
}

#bootstrap-overrides li {
    font-size: 14px;
}

#bootstrap-overrides .body {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    font-family: "Helvetica Neue", sans-serif;
}

#bootstrap-overrides .body-bold {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    font-family: "Helvetica Neue", sans-serif;
}

#bootstrap-overrides .link-text {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    font-family: "Helvetica Neue", sans-serif;
}

#bootstrap-overrides .subtext {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    font-family: "Helvetica Neue", sans-serif;
}

#bootstrap-overrides button {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    font-family: "Helvetica Neue", sans-serif;
}

#bootstrap-overrides .btn-primary {
    font-family: "Helvetica Neue", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: var(--secondary-on-secondary);
    background-color: var(--neutral-1);
    border-radius: 4px;
    border: 1px solid var(--secondary-on-secondary);
    padding: 10px 16px;
    margin: 0;
}