:root { --pg-font-family: 'Roboto', Arial, sans-serif; } body { font-family: var(--pg-font-family); font-size: 16px; } button, input, select, textarea { font-family: inherit; } h5 { font-size: 20px; font-weight: 500; text-transform: none; } h6 { font-size: 16px; font-weight: 500; text-transform: none; } h1 { font-size: 101px; font-weight: 500; color: var(--pg-color-surface); line-height: 100%; text-transform: none; } @media (max-width: 992px) { h1 { font-size: 67px; } } @media (max-width: 767px) { h1 { font-size: 48px; } } @media (max-width: 420px) { h1 { font-size: 36px; } } h2 { font-size: 67px; font-weight: 500; line-height: 100%; text-transform: none; } @media (max-width: 992px) { h2 { font-size: 48px; } } @media (max-width: 767px) { h2 { font-size: 36px; } } @media (max-width: 420px) { h2 { font-size: 32px; } } h2 strong { font-weight: 500; text-transform: none; } h2.like-h3 { font-size: 67px; font-weight: 500; line-height: 100%; text-transform: none; } @media (max-width: 992px) { h2.like-h3 { font-size: 48px; } } @media (max-width: 767px) { h2.like-h3 { font-size: 36px; } } @media (max-width: 420px) { h2.like-h3 { font-size: 32px; } } h3 { font-size: 36px; font-weight: 500; line-height: 100%; text-transform: none; } @media (max-width: 992px) { h3 { font-size: 32px; } } @media (max-width: 767px) { h3 { font-size: 28px; } } @media (max-width: 420px) { h3 { font-size: 24px; } } h3 strong { color: var(--pg-orange); font-weight: 500; text-transform: none; } h4 { font-size: 28px; line-height: 110%; font-weight: 500; text-transform: none; } @media (max-width: 767px) { h4 { font-size: 24px; } } @media (max-width: 420px) { h4 { font-size: 24px; } } @media only screen and (max-width: 992px) { h1 { font-size: 101px; font-weight: 500; text-transform: none; } @media (max-width: 992px) { h1 { font-size: 67px; } } @media (max-width: 767px) { h1 { font-size: 48px; } } @media (max-width: 420px) { h1 { font-size: 36px; } } h2 { font-size: 67px; font-weight: 500; text-transform: none; } @media (max-width: 992px) { h2 { font-size: 48px; } } @media (max-width: 767px) { h2 { font-size: 36px; } } @media (max-width: 420px) { h2 { font-size: 32px; } } h2.like-h3 { font-size: 67px; font-weight: 500; text-transform: none; } @media (max-width: 992px) { h2.like-h3 { font-size: 48px; } } @media (max-width: 767px) { h2.like-h3 { font-size: 36px; } } @media (max-width: 420px) { h2.like-h3 { font-size: 32px; } } h3 { font-size: 36px; font-weight: 500; text-transform: none; } @media (max-width: 992px) { h3 { font-size: 32px; } } @media (max-width: 767px) { h3 { font-size: 28px; } } @media (max-width: 420px) { h3 { font-size: 24px; } } h4 { font-size: 28px; font-weight: 500; text-transform: none; } @media (max-width: 767px) { h4 { font-size: 24px; } } @media (max-width: 420px) { h4 { font-size: 24px; } } }