/* Header Font */

$header-font: 'Poppins Black';
$header-font-weight: 700;
$header-font-local-name: 'Poppins Bold';
$header-font-url: 'https://fonts.gstatic.com/s/poppins/v5/57TQ-anwthzkETEIO4jESAzyDMXhdD8sAj6OAJTFsBI.woff2';

$header-backup: sans-serif;

/* Body Font */

$body-font: 'Lato';

/* Body Font normal weight */

$body-font-weight: 400;
$body-font-local-name: 'Lato-Regular';
$body-font-url: 'https://fonts.gstatic.com/s/lato/v14/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2';

$body-backup: serif;

@font-face {
  font-family: $header-font;
  font-style: normal;
  font-weight: $header-font-weight;
  src: local($header-font), local($header-font), url($header-font-url) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

@font-face {
  font-family: $body-font;
  font-style: normal;
  font-weight: $body-font-weight;
  src: local($body-font), local($body-font-local-name), url($body-font-url) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}


h1 {
  display: block;
  font-size: calc(20px + 3.204rem);
  font-family: $header-font, $header-backup;
  color: $bw-1;
  padding: 0.801rem 0;
}

h2 {
  font-size: calc(10px + 1.424rem);
  font-family: $header-font;
  color: $bw-3;
  text-align: left;
  line-height: 1.424;
}

h3 {
  font-size: calc(10px + 1.266rem);
  font-family: $header-font;
  color: $font-1;
}

h4 {
  font-size: calc(10px + 1.125rem);
  font-family: $header-font;
  color: $font-1;
}

h5 {
  font-size: calc(10px + 1rem);
  font-family: $header-font;
  color: $font-1;
}

h6 {
  font-size: calc(10px + 1rem);
  font-family: $header-font;
  color: $font-1;
}

p {
  font-size: calc(10px + 1rem);
  font-family: $body-font, $body-backup;
  line-height: 1.6;
  color: $font-1;
}

span, time {
  font-size: calc(10px + 1rem);
  font-family: $header-font, $header-backup;
  line-height: 1.4;
  color: $font-1;
}

ul, ol {
  font-size: calc(10px + 1em);
  font-family: $body-font, $body-backup;
  line-height: 1.4;
  color: $font-1;
}