html {font-size: 62.5%} body {text-align: left; font-family: "Roboto"; font-weight: 400; font-size: var(--text-s); color: #000000} h1 {font-family: "Barlow Semi Condensed"} h2 {font-size: var(--text-xl); font-family: "Barlow Semi Condensed"; font-weight: 400} h3 {font-size: var(--text-l); font-family: "Barlow Semi Condensed"; font-weight: 800} h4 {font-size: var(--text-m)} h5 {font-size: var(--text-s)} h6 {font-size: var(--text-xs)}@media (max-width: 991px) { h1 {font-size: var(--text-2xl)}}@media (max-width: 478px) { h2 {font-family: "Barlow Semi Condensed"; font-weight: 700; font-size: var(--text-xl)} h3 {font-weight: 700; font-size: var(--text-l)} h4 {font-family: "Barlow Semi Condensed"; font-size: var(--text-m)} h5 {font-family: "Barlow Semi Condensed"; font-weight: 700; font-size: var(--space-s)} h6 {font-family: "Barlow Semi Condensed"; font-weight: 700; font-size: var(--text-xs)}}