/* TR - FONTS */
    *, span, p, .p, a, ul, ol, li, label {
    letter-spacing: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #222;
    }

    label {
    margin-bottom: 0;
    }

    p, .p {
    margin-bottom: 0.5em;
    }

    p.small, .p.small, span.small, a.small {
    font-size: 0.75rem;
    }

    p.smaller, .p.smaller, span.smaller, a.smaller {
    font-size: 0.875rem;
    }

    p.bigger, .p.bigger, span.bigger, a.bigger {
    font-size: 1.125rem;
    }

    p.big, .p.big, span.big, a.big {
    font-size: 1.25rem;
    }

    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    letter-spacing: normal;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.5em;
    color: #222;
    }

    h1, .h1 {
    font-size: 2.25rem;
    }

    h2, .h2 {
    font-size: 2rem;
    }

    h3, .h3 {
    font-size: 1.75rem;
    }

    h4, .h4 {
    font-size: 1.75rem;
    }

    h5, .h5 {
    font-size: 1.375rem;
    }

    h6, .h6 {
    font-size: 1.25rem;
    }

    @media (min-width: 576px) {
    h1, .h1 {
        font-size: 2.5rem;
    }
    h2, .h2 {
        font-size: 2.25rem;
    }
    h3, .h3 {
        font-size: 2rem;
    }
    h4, .h4 {
        font-size: 1.75rem;
    }
    h5, .h5 {
        font-size: 1.5rem;
    }
    h6, .h6 {
        font-size: 1.375rem;
    }
    }
    @media (min-width: 768px) {
    h1, .h1 {
        font-size: 2.75rem;
    }
    h2, .h2 {
        font-size: 2.5rem;
    }
    h3, .h3 {
        font-size: 2.25rem;
    }
    h4, .h4 {
        font-size: 2rem;
    }
    h5, .h5 {
        font-size: 1.625rem;
    }
    h6, .h6 {
        font-size: 1.5rem;
    }
    }
    @media (min-width: 992px) {
    h1, .h1 {
        font-size: 3.125rem;
    }
    h2, .h2 {
        font-size: 2.75rem;
    }
    h3, .h3 {
        font-size: 2.5rem;
    }
    h4, .h4 {
        font-size: 2.25rem;
    }
    h5, .h5 {
        font-size: 1.875rem;
    }
    h6, .h6 {
        font-size: 1.75rem;
    }
    }
    @media (min-width: 1200px) {
    h1, .h1 {
        font-size: 3.75rem;
    }
    h2, .h2 {
        font-size: 3.125rem;
    }
    h3, .h3 {
        font-size: 2.75rem;
    }
    h4, .h4 {
        font-size: 2.5rem;
    }
    h5, .h5 {
        font-size: 2.25rem;
    }
    h6, .h6 {
        font-size: 2rem;
    }
    }
    .font-300,
    .font-light {
    font-weight: 300;
    }

    .font-400,
    .font-normal {
    font-weight: 400;
    }

    .font-500,
    .font-medium {
    font-weight: 500;
    }

    .font-600,
    .font-semibold {
    font-weight: 600;
    }

    .font-700,
    .font-bold {
    font-weight: 700;
    }

    .font-800,
    .font-extrabold {
    font-weight: 800;
    }

    .tr-text--left {
    text-align: left;
    }

    .tr-text--center {
    text-align: center;
    }

    .tr-text--right {
    text-align: right;
    }
/* TR - FONTS */