/* typography.scss */
h1, #animation .titles .title, .page-content .content-block .quote, h2, h3, h4, h5, h6 {
    margin: 0 0 2.6rem 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    font-weight: 700;
    font-family: "Merriweather"; }
h1.blue, #animation .titles .blue.title, .page-content .content-block .blue.quote, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {
    color: #2e318f; }
h1.white, #animation .titles .white.title, .page-content .content-block .white.quote, h2.white, h3.white, h4.white, h5.white, h6.white {
    color: #ffffff; }

h1, #animation .titles .title, .page-content .content-block .quote {
    font-size: 3rem;
    line-height: 4.4rem; }
@media screen and (min-width: 768px) {
    h1, #animation .titles .title, .page-content .content-block .quote {
        font-size: 4.8rem;
        line-height: 6.4rem; } }

h2 {
    font-size: 2.8rem;
    line-height: 3.6rem; }
@media screen and (min-width: 768px) {
    h2 {
        font-size: 3.2rem;
        line-height: 4rem; } }

h3, h4, h5, h6 {
    font-size: 2rem;
    line-height: 2.8rem; }
@media screen and (min-width: 768px) {
    h3, h4, h5, h6 {
        font-size: 2.4rem;
        line-height: 3.2rem; } }

.smaller-text, .caption, #single-article header .author, .header-with-image .text .date {
    font-size: 1.4rem;
    line-height: 2rem; }

.larger-text, .page-content .content-block .intro, .page-content .content-block .quote .name, .card .subheader {
    font-size: 1.8rem;
    line-height: 3rem; }

.large-text, .page-content .content-block .quote-block {
    font-size: 2.4rem;
    line-height: 3.6rem; }

.caption {
    margin-top: 1.6rem;
    max-width: 48rem; }

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:typography] [22.246] DESIGN*/
/*******************************************************************/
/* 0.4 D>D */
/* db 157 */