:root {
    --base-primary-font: "The Curve Variable", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue,
    Arial, sans-serif;
}
@media (min-width: 1248px) {
    .mdc-typography--headline1 {
        font-size: 62ps !important;
    }
    .mdc-typography--headline2,
    .motion-z-layout__headline {
        font-size: 50px !important;
    }
    .mdc-typography--headline3 {
        font-size: 37px !important;
    }
    .mdc-typography--headline4 {
        font-size: 31px !important;
    }
    .mdc-typography--headline5,
    .mdc-typography--quotation {
        font-size: 23px !important;
    }
    .mdc-typography--headline6 {
        font-size: 19px !important;
    }
    .mdc-drawer .mdc-list-item {
        font-size: 1rem;
        letter-spacing: 1.25px;
    }
    .mdc-top-app-bar__toplinks {
        font-size: 1rem !important;
        font-weight: 300;
    }
    .grid.mat-grid,
    .mdc-card__content,
    .mdc-drawer .mdc-list-group__subheader,
    .mdc-drawer__subtitle,
    .mdc-list,
    .mdc-list-item__secondary-text,
    .motion-error--after-submit-button,
    .motion-form-header__paragraph {
        font-size: 0.90625rem;
        line-height: 23px;
        letter-spacing: 0.5px;
    }
}

/* Font Weight */
.blog-card .time_stamp,
.mdc-top-app-bar__toplinks {
    font-weight: 300;
}
.text--weight-semibold,
.breadcrumb-item.active .breadcrumb-link,
.mdc-drawer .mdc-list-item,
#motion-footer__caption a,
p > a {
    font-weight: 550 !important;
}
.mdc-list-item__text a {
    font-weight: 600;
}
.mdc-typography--quotation {
    font-weight: 200;
    letter-spacing: 0.5px;
}