:root {
    --color-b01: #263159;
    --color-b02: #404d7d;
    --color-b03: #7D839B;
    --color-b04: #BCBED7;
    --color-b05: #DEDFEE;
    --color-b06: #EFF0F8;
    --color-b07: #2F51C9;
    --color-b08: #879BE2;
    --color-w01: #f7f8fc;
    --color-w02: white;
    --color-g01: #FDFCF8;
    --primaryPrimary: #3961E6;
    --color--g01: white;
}

body {
    background-color: var(--color-bg) !important;
}

/* Typography classes */

.Hline1-Wide {
    font-family: 'Proxima Nova Wide';
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
}

.Hline5-Wide {
    font-family: 'Proxima Nova Wide';
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
}

.Headline-Lighter-Md {
    font-family: 'Proxima Nova Regular';
    font-size: 24px;
    line-height: 32px;
}

.Title-Lighter-Lg {
    font-family: 'Proxima Nova Regular';
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.18px;
    font-weight: 500;
}

.Sub1-Reg {
    font-family: 'Proxima Nova Regular';
    font-size: 24px;
    line-height: 32px;
}

.Sub2-Reg {
    font-family: 'Proxima Nova Regular';
    font-size: 20px;
    line-height: 28px;
}

.Label1-Wide {
    font-family: 'Proxima Nova Wide';
    font-size: 16px;
}

.Label4-Wide {
    font-family: 'Proxima Nova Wide';
    font-size: 12px;
    font-weight: 700;
}

.Body1-Reg {
    font-size: 16px;
    font-family: 'Proxima Nova Regular';
    line-height: 24px;
}

.Body2-Reg {
    font-size: 14px;
    font-family: 'Proxima Nova Regular';
    line-height: 20px;
}

.Body-Regular-Lg {
    font-size: 18px;
    font-family: 'Proxima Nova Regular';
    line-height: 28px;
    letter-spacing: 0.3px;
}

.Body-Bolder-Sm {
    font-size: 14px;
    font-family: 'Proxima Nova Semi';
    line-height: 20px;
}

.Body-Bolder-Md {
    font-size: 16px;
    font-family: 'Proxima Nova Semi';
    line-height: 24px;
    letter-spacing: 0.1px;
}

.Body-Bolder-Lg {
    font-size: 18px;
    font-family: 'Proxima Nova Semi';
    line-height: 28px;
    letter-spacing: 0.3px;
}

.Section1-Italic {
    font-family: "Redaction Italic", sans-serif;
    font-size: 72px;
    line-height: 72px;
    font-weight: 400;
    font-style: italic;
}

.Section2-Italic {
    font-family: "Redaction Italic", sans-serif;
    font-size: 64px;
    line-height: 64px;
    font-weight: 400;
    font-style: italic;
}

.Section5-Italic {
    font-family: "Redaction Italic", sans-serif;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    font-style: italic;
}


@media screen and (max-width: 992px) {  

}

@media screen and (max-width: 768px) {
  
    .Sub1-Reg {
        font-size: 16px;
        line-height: 24px;
    }

    .Section1-Italic {
        font-size: 32px;
        line-height: 32px;
    }
    
    .Section2-Italic {
        font-size: 28px;
        line-height: 28px;
    }
    .Section5-Italic {
        font-size: 32px;
        line-height: 32px;
    }

    .Label4-Wide {
        font-size: 10px;
        line-height: 10px;
    }

}

@media screen and (max-width: 576px) {

}