/*--------------------------------------------------------------上方為置入網頁字型--------------------------------------------------------------*/

.rushi-f-xs {
    font-size: 0.65em;
    font-weight: 100;
    line-height: 1.6em;
}

.rushi-f-sm {
    font-size: 0.75em;
    font-weight: 100;
    line-height: 1.6em;
}

.rushi-f-md {
    font-size: 0.95em;
    font-weight: 200;
    line-height: 1.5em;
}

.rushi-f-lg {
    font-size: 1.33333333em;
    font-weight: 300;
    line-height: 1.3em;
}

.rushi-f-xl {
    font-size: 1.85em;
    font-weight: 500;
    line-height: 1.3em;
}

.rushi-f-2x {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.3em;
}

.rushi-f-3x {
    font-size: 3em;
    font-weight: 700;
    line-height: 1.3em;
}

.rushi-f-4x {
    font-size: 4em;
    font-weight: 900;
    line-height: 1.3em;
}

.rushi-f-5x {
    font-size: 5em;
    font-weight: 900;
    line-height: 1.3em;
}

@media (max-width: 575.98px) {
    h1,
    .h1 {
        font-size: 2.5rem;
        font-weight: 900;
    }
    h2,
    .h2 {
        font-size: 2.2rem;
        font-weight: 900;
    }
    h3,
    .h3 {
        font-size: 1.75rem;
        font-weight: ;
    }
    h4,
    .h4 {
        font-size: 1.5rem;
        font-weight: 700;
    }
    h5,
    .h5 {
        font-size: 1.2rem;
        font-weight: 700;
    }
    h6,
    .h6 {
        font-size: 1rem;
        font-weight: 500;
    }
    p {
        font-weight: 200;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    h1,
    .h1 {
        font-size: 3.5rem;
        font-weight: 900;
    }
    h2,
    .h2 {
        font-size: 3rem;
        font-weight: 900;
    }
    h3,
    .h3 {
        font-size: 2.25rem;
        font-weight: 700;
    }
    h4,
    .h4 {
        font-size: 1.55rem;
        font-weight: 700;
    }
    h5,
    .h5 {
        font-size: 1.4rem;
        font-weight: 500;
    }
    h6,
    .h6 {
        font-size: 1.4rem;
        font-weight: 200;
    }
    p {
        font-weight: 200;
    }
}

@media (min-width: 768px) and (max-width: 1049.98px) {
    h1,
    .h1 {
        font-size: 4rem;
        font-weight: 900;
    }
    h2,
    .h2 {
        font-size: 3rem;
        font-weight: 900;
    }
    h3,
    .h3 {
        font-size: 2.5rem;
        font-weight: 700;
    }
    h4,
    .h4 {
        font-size: 1.55rem;
        font-weight: 700;
    }
    h5,
    .h5 {
        font-size: 1.5rem;
        font-weight: 500;
        ;
    }
    h6,
    .h6 {
        font-size: 1.4rem;
        font-weight: 500;
    }
    p {
        font-weight: 200;
    }
}

@media (min-width: 1050px) and (max-width: 1299.98px) {
    h1,
    .h1 {
        font-size: 4.5rem;
        font-weight: 900;
    }
    h2,
    .h2 {
        font-size: 3.5rem;
        font-weight: 900;
    }
    h3,
    .h3 {
        font-size: 2.3rem;
        font-weight: 700;
    }
    h4,
    .h4 {
        font-size: 1.75rem;
        font-weight: 700;
    }
    h5,
    .h5 {
        font-size: 1.5rem;
        font-weight: 500;
    }
    h6,
    .h6 {
        font-size: 1.3rem;
        font-weight: 200;
    }
    p {
        font-weight: 200;
    }
}

@media (min-width: 1300px) {
    h1,
    .h1 {
        font-size: 4.5rem;
        font-weight: 900;
    }
    h2,
    .h2 {
        font-size: 3.5rem;
        font-weight: 700;
    }
    h3,
    .h3 {
        font-size: 2.3rem;
        font-weight: 700;
    }
    h4,
    .h4 {
        font-size: 1.8rem;
        font-weight: 500;
    }
    h5,
    .h5 {
        font-size: 1.5rem;
        font-weight: 500;
    }
    h6,
    .h6 {
        font-size: 1.3rem;
        font-weight: 200;
    }
    p {
        font-weight: 100;
    }
}