.med-text-color-macif--1 {
    color: var(--color-macif--1)
}
.med-text-color-white {
    color: var(--color-white);
}
.med-text-color-grey--80 {
    color: var(--color-grey--80)
}

.med-text--bold {
    font-weight: 700;
}
.mds-h1 > span.mds-underline,
.mds-h2 > span.mds-underline,
.mds-display--1 > span.mds-underline,
.mds-display--2 > span.mds-underline {
    background: #D3D62E;
    background: linear-gradient(0deg, #D3D62E 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-1100,
.mds-h2 > span.mds-underline--color-1100,
.mds-display--1 > span.mds-underline--color-1100,
.mds-display--2 > span.mds-underline--color-1100 {
    background-color: #00C9F6;
    background: linear-gradient(0deg, #00C9F6 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-1050,
.mds-h2 > span.mds-underline--color-1050,
.mds-display--1 > span.mds-underline--color-1050,
.mds-display--2 > span.mds-underline--color-1050 {
    background-color: #80e4fb;
    background: linear-gradient(0deg, #80e4fb 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-1020,
.mds-h2 > span.mds-underline--color-1020,
.mds-display--1 > span.mds-underline--color-1020,
.mds-display--2 > span.mds-underline--color-1020 {
    background-color: #CCF4Fc;
    background: linear-gradient(0deg, #CCF4Fc 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-2100,
.mds-h2 > span.mds-underline--color-2100,
.mds-display--1 > span.mds-underline--color-2100,
.mds-display--2 > span.mds-underline--color-2100 {
    background-color: #52DFCE;
    background: linear-gradient(0deg, #52DFCE 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-2050,
.mds-h2 > span.mds-underline--color-2050,
.mds-display--1 > span.mds-underline--color-2050,
.mds-display--2 > span.mds-underline--color-2050 {
    background-color: #A8F0E5;
    background: linear-gradient(0deg, #A8F0E5 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-2020,
.mds-h2 > span.mds-underline--color-2020,
.mds-display--1 > span.mds-underline--color-2020,
.mds-display--2 > span.mds-underline--color-2020 {
    background-color: #DCF9F5;
    background: linear-gradient(0deg, #DCF9F5 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-3100,
.mds-h2 > span.mds-underline--color-3100,
.mds-display--1 > span.mds-underline--color-3100,
.mds-display--2 > span.mds-underline--color-3100 {
    background-color: #D2FCCA;
    background: linear-gradient(0deg, #D2FCCA 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-3050,
.mds-h2 > span.mds-underline--color-3050,
.mds-display--1 > span.mds-underline--color-3050,
.mds-display--2 > span.mds-underline--color-3050 {
    background-color: #E9FDE4;
    background: linear-gradient(0deg, #E9FDE4 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-3020,
.mds-h2 > span.mds-underline--color-3020,
.mds-display--1 > span.mds-underline--color-3020,
.mds-display--2 > span.mds-underline--color-3020 {
    background-color: #F6FEF3;
    background: linear-gradient(0deg, #F6FEF3 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-4100,
.mds-h2 > span.mds-underline--color-4100,
.mds-display--1 > span.mds-underline--color-4100,
.mds-display--2 > span.mds-underline--color-4100 {
    background-color: #C9ABFB;
    background: linear-gradient(0deg, #C9ABFB 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-4050,
.mds-h2 > span.mds-underline--color-4050,
.mds-display--1 > span.mds-underline--color-4050,
.mds-display--2 > span.mds-underline--color-4050 {
    background-color: #E4D5FC;
    background: linear-gradient(0deg, #E4D5FC 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-4020,
.mds-h2 > span.mds-underline--color-4020,
.mds-display--1 > span.mds-underline--color-4020,
.mds-display--2 > span.mds-underline--color-4020 {
    background-color: #E4D5FC;
    background: linear-gradient(0deg, #E4D5FC 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-5100,
.mds-h2 > span.mds-underline--color-5100,
.mds-display--1 > span.mds-underline--color-5100,
.mds-display--2 > span.mds-underline--color-5100 {
    background-color: #FF866E;
    background: linear-gradient(0deg, #FF866E 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-5050,
.mds-h2 > span.mds-underline--color-5050,
.mds-display--1 > span.mds-underline--color-5050,
.mds-display--2 > span.mds-underline--color-5050 {
    background-color: #FEC2B7;
    background: linear-gradient(0deg, #FEC2B7 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-5020,
.mds-h2 > span.mds-underline--color-5020,
.mds-display--1 > span.mds-underline--color-5020,
.mds-display--2 > span.mds-underline--color-5020 {
    background-color: #FFE8E2;
    background: linear-gradient(0deg, #FFE8E2 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-6100,
.mds-h2 > span.mds-underline--color-6100,
.mds-display--1 > span.mds-underline--color-6100,
.mds-display--2 > span.mds-underline--color-6100 {
    background-color: #FB9AA3;
    background: linear-gradient(0deg, #FB9AA3 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-6050,
.mds-h2 > span.mds-underline--color-6050,
.mds-display--1 > span.mds-underline--color-6050,
.mds-display--2 > span.mds-underline--color-6050 {
    background-color: #FDCCD0;
    background: linear-gradient(0deg, #FDCCD0 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-6020,
.mds-h2 > span.mds-underline--color-6020,
.mds-display--1 > span.mds-underline--color-6020,
.mds-display--2 > span.mds-underline--color-6020 {
    background-color: #FEEBED;
    background: linear-gradient(0deg, #FEEBED 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-7100,
.mds-h2 > span.mds-underline--color-7100,
.mds-display--1 > span.mds-underline--color-7100,
.mds-display--2 > span.mds-underline--color-7100 {
    background-color: #FDBC29;
    background: linear-gradient(0deg, #FDBC29 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-7050,
.mds-h2 > span.mds-underline--color-7050,
.mds-display--1 > span.mds-underline--color-7050,
.mds-display--2 > span.mds-underline--color-7050 {
    background-color: #FEDE95;
    background: linear-gradient(0deg, #FEDE95 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-7020,
.mds-h2 > span.mds-underline--color-7020,
.mds-display--1 > span.mds-underline--color-7020,
.mds-display--2 > span.mds-underline--color-7020 {
    background-color: #FFF1D4;
    background: linear-gradient(0deg, #FFF1D4 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-8100,
.mds-h2 > span.mds-underline--color-8100,
.mds-display--1 > span.mds-underline--color-8100,
.mds-display--2 > span.mds-underline--color-8100 {
    background-color: #FCDD2B;
    background: linear-gradient(0deg, #FCDD2B 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-8050,
.mds-h2 > span.mds-underline--color-8050,
.mds-display--1 > span.mds-underline--color-8050,
.mds-display--2 > span.mds-underline--color-8050 {
    background-color: #FDED95;
    background: linear-gradient(0deg, #FDED95 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1 > span.mds-underline--color-8020,
.mds-h2 > span.mds-underline--color-8020,
.mds-display--1 > span.mds-underline--color-8020,
.mds-display--2 > span.mds-underline--color-8020 {
    background-color: #FEF8D4;
    background: linear-gradient(0deg, #FEF8D4 43%, transparent 40%);
    padding: 0 2px;
}

.mds-h1,
.mds-h2,
.mds-h3,
.mds-h4,
.mds-h5,
.mds-h6,
.mds-display--1,
.mds-display--2 {
    font-family: "Montserrat-Bold", sans-serif;
    font-weight: bold;
    color: #0A2D82;
}

.mds-h1 {
    font-size: 2rem;
    line-height: 42px;
}

@media (max-width: 37.48em) {
    .mds-h1 {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
}

.mds-display--1 {
    font-size: 3rem;
    line-height: 3.6rem;
}

@media (max-width: 37.48em) {
    .mds-display--1 {
        font-size: 2.375rem;
        line-height: 2.85rem;
    }
}

.mds-h2 {
    font-size: 1.75rem;
    line-height: 36px;
}

@media (max-width: 37.48em) {
    .mds-h2 {
        font-size: 1.625rem;
        line-height: 2.125rem;
    }
}

.mds-display--2 {
    font-size: 2.6rem;
    line-height: 3.15rem;
}

@media (max-width: 37.48em) {
    .mds-display--2 {
        font-size: 2.125rem;
        line-height: 2.55rem;
    }
}

.mds-h3 {
    font-size: 1.5rem;
    line-height: 32px;
}

@media (max-width: 37.48em) {
    .mds-h3 {
        font-size: 1.375rem;
        line-height: 1.75rem;
    }
}

.mds-h4 {
    font-size: 1.375rem;
    line-height: 28px;
}

@media (max-width: 37.48em) {
    .mds-h4 {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

.mds-h5 {
    font-size: 1.25rem;
    line-height: 26px;
}

@media (max-width: 37.48em) {
    .mds-h5 {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

.mds-h6 {
    font-size: 1.125rem;
    line-height: 24px;
}

@media (max-width: 37.48em) {
    .mds-h6 {
        font-size: 1rem;
        line-height: 1.125rem;
    }
}
