body { --primary-color: #fc5000; --secondary-color: #818181; --page-background-color: #FFFFFF; --page-background-alternate-color: #f6f5f4; --page-background-text-color: #212121; --page-background-alternate-text-color: #353535; --font-size-heading-xlarge: 3rem; --font-size-heading-large: 2.6rem; --font-size-heading-medium: 2rem; --font-size-heading-small: 1.5rem; --font-size-h1: 2.6rem; --font-size-h2: 2rem; --font-size-h3: 1.5rem; --font-size-body-xlarge: 1.5rem; --font-size-body-large: 1.2rem; --font-size-body-medium: 1rem; --font-size-body-small: 0.9rem; --font-size-button: 0.9rem; --line-height-heading-xlarge: 3.6rem; --line-height-heading-large: 3.2rem; --line-height-heading-medium: 2.6rem; --line-height-heading-small: 2.1rem; --line-height-h1: 3.2rem; --line-height-h2: 2.6rem; --line-height-h3: 2.1rem; --line-height-body-xlarge: 2.1rem; --line-height-body-large: 1.8rem; --line-height-body-medium: 1.6rem; --line-height-body-small: 1.5rem; --letter-spacing-heading-xlarge: 1px; --letter-spacing-heading-large: 1px; --letter-spacing-heading-medium: 1px; --letter-spacing-heading-small: 1px; --letter-spacing-h1: 1px; --letter-spacing-h2: 1px; --letter-spacing-h3: 1px; --letter-spacing-body-xlarge: 1px; --letter-spacing-body-large: 1px; --letter-spacing-body-medium: 1px; --letter-spacing-body-small: 1px; --font-weight-heading-xlarge: 400; --font-weight-heading-large: 400; --font-weight-heading-medium: 400; --font-weight-heading-small: 400; --font-weight-h1: 400; --font-weight-h2: 400; --font-weight-h3: 400; --font-weight-body-xlarge: 400; --font-weight-body-large: 400; --font-weight-body-medium: 400; --font-weight-body-small: 400; } @media (max-width: 768px) { body { --font-size-heading-xlarge: 2.5rem; --font-size-heading-large: 2.2rem; --font-size-heading-medium: 1.8rem; --font-size-heading-small: 1.4rem; --font-size-h1: 2.2rem; --font-size-h2: 1.8rem; --font-size-h3: 1.4rem; --font-size-body-xlarge: 1.5rem; --font-size-body-large: 1.2rem; --font-size-body-medium: 1rem; --font-size-body-small: 0.9rem; --font-size-button: 0.9rem; --line-height-heading-xlarge: 2.9rem; --line-height-heading-large: 2.6rem; --line-height-heading-medium: 2.2rem; --line-height-heading-small: 1.9rem; --line-height-h1: 2.6rem; --line-height-h2: 2.2rem; --line-height-h3: 1.9rem; --line-height-body-xlarge: 2.1rem; --line-height-body-large: 1.8rem; --line-height-body-medium: 1.6rem; --line-height-body-small: 1.5rem; --letter-spacing-heading-xlarge: 1.5px; --letter-spacing-heading-large: 1.5px; --letter-spacing-heading-medium: 1.5px; --letter-spacing-heading-small: 1.5px; --letter-spacing-h1: 1.5px; --letter-spacing-h2: 1.5px; --letter-spacing-h3: 1.5px; --letter-spacing-body-xlarge: 1px; --letter-spacing-body-large: 1px; --letter-spacing-body-medium: 1px; --letter-spacing-body-small: 1px; --font-weight-heading-xlarge: 400; --font-weight-heading-large: 400; --font-weight-heading-medium: 400; --font-weight-heading-small: 400; --font-weight-h1: 400; --font-weight-h2: 400; --font-weight-h3: 400; --font-weight-body-xlarge: 400; --font-weight-body-large: 400; --font-weight-body-medium: 400; --font-weight-body-small: 400; } } .news-template-default main, .article-template-default main { --content-max-width: 800px; }