html{font-size: 16px !important}

:root {--fontSize1000:3.5rem;--fontSize900 :3rem;--fontSize800 : 2.625rem;--fontSize700 :  2rem;--fontSize600 : 1.313rem;--fontSize500 : 1.125rem;--fontSize400 : 1rem ;--fontSize300 : 0.875rem;--fontSize200 : 0.75rem;--fontSize100 : 0.688rem;--fontSize50 : 0.625rem;}

.displayXL, .displayL, .displayM, .displayS{font-family: iliad, 'Montserrat', sans-serif !important;}
.displayXL{font-size: var( --fontSize1000) !important; line-height: 1.25 !important; font-weight: 700 !important;}
.displayL{font-size: var( --fontSize900) !important; line-height: 1.25 !important; font-weight: 700 !important;}
.displayM{font-size: var( --fontSize600) !important; line-height: 1.25 !important; font-weight: 700 !important;}
.displayS{font-size: var( --fontSize500) !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: 0.02em;}

.headlineXL, .headlineL, .headlineM, .headlineS, .headlineXS{font-family: 'Montserrat', sans-serif !important;}
.headlineXL{font-size: var( --fontSize800) !important; line-height: 1.25!important; font-weight: 700 !important;}
  .headlineXL em{font-style: normal !important; color: var(--F500) !important;}
.headlineL{font-size: var( --fontSize700) !important; line-height: 1.5!important; font-weight: 700 !important;}
.headlineM{font-size: var( --fontSize600) !important; line-height: 1.5!important; font-weight: 700 !important;}
.headlineS{font-size: var( --fontSize500) !important; line-height: 1.5!important; font-weight: 700 !important;}
.headlineXS{font-size: var( --fontSize400) !important; line-height: 1.5 !important; font-weight: 700 !important;}
  .headlineXS strong, .headlineXS em, .headlineXS b{font-weight: 700 !important; color: var(--F500) !important; font-style: normal !important;}

.bodyXL, .bodyL, .bodyM, .bodyS, .bodyXS{font-family: 'Montserrat', sans-serif !important;}
.bodyXL{font-size: var( --fontSize600) !important; line-height: 1.5 !important; font-weight: 400 !important;}.bodyXL strong, .bodyXL em, .bodyXL b{font-weight: 600 !important;}
.bodyL{font-size: var( --fontSize400); line-height: 1.5 !important; font-weight: 400 !important;}.bodyL strong, .bodyL em, .bodyL b{font-weight: 600 !important;}
.bodyM{font-size: var( --fontSize300); line-height: 1.5 !important; font-weight: 400 !important;}.bodyM strong, .bodyM em, .bodyM b{font-weight: 600 !important;}
.bodyS{font-size: var( --fontSize200); line-height: 1.5 !important; font-weight: 400 !important;}.bodyS strong, .bodyS em, .bodyS b{font-weight: 600 !important;}
.bodyXS{font-size: var( --fontSize100); line-height: 1.5 !important; font-weight: 400 !important;}.bodyXS strong, .bodyXS em, .bodyXS b{font-weight: 600 !important;}

.tagM, .tagS{font-family: 'Montserrat', sans-serif !important;}.tagM{font-size: var(--fontSize200) !important; line-height: 1.25 !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1.5 !important;}.tagS{font-size: var(--fontSize50) !important; line-height: 1.25 !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1.5 !important;}