/* Fillip family */
@import url(https://use.typekit.net/lpb1xjx.css);

/* Mundial Narrow Variable Regular */
@import url(https://fonts.adobe.com/fonts/mundial-narrow-variable?vf-instance=Regular&vf-font-size=100&vf-font=MundialNarrowVariable-Thin);
/* Mundial Narrow Variable Medium */
@import url(https://fonts.adobe.com/fonts/mundial-narrow-variable?vf-instance=Medium&vf-font-size=100&vf-font=MundialNarrowVariable-Thin);
/* Mundial Narrow Variable Semi Bold*/
@import url(https://fonts.adobe.com/fonts/mundial-narrow-variable?vf-font-size=100&vf-font=MundialNarrowVariable-Thin&vf-instance=Semi+Bold);
/* Mundial Narrow Variable Bold */
@import url(https://fonts.adobe.com/fonts/mundial-narrow-variable?vf-font-size=100&vf-font=MundialNarrowVariable-Thin&vf-instance=Bold);
/* Mundial Narrow Variable Black */
@import url(https://fonts.adobe.com/fonts/mundial-narrow-variable?vf-font-size=100&vf-font=MundialNarrowVariable-Thin&vf-instance=Black);


/* Fillip Bold */
h1,
form>h2 {
  font-family: "fillip", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* Fillip Medium */
nav,
input[type=submit],
button {
  font-family: "fillip", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/* Mundial Narrow Variable Regular */
#cookies p,
#game-about p,
input,
#checkbox-group label {
  font-family: "mundial-narrow-variable", sans-serif;
  font-variation-settings: 'wght' 400;
}

/* Mundial Narrow Variable Medium */
#hero p {
  font-family: "mundial-narrow-variable", sans-serif;
  font-variation-settings: 'wght' 490;
}

/* Mundial Narrow Variable Semi Bold*/
footer>div>ul,
footer p {
  font-family: "mundial-narrow-variable", sans-serif;
  font-variation-settings: 'wght' 580;
}

/* Mundial Narrow Variable Bold */
#cookies p>strong,
#why p,
#subscribe p {
  font-family: "mundial-narrow-variable", sans-serif;
  font-variation-settings: 'wght' 670;
}

/* Mundial Narrow Variable Black */
h2:not(#subscribe h2) {
  font-family: "mundial-narrow-variable", sans-serif;
  font-variation-settings: 'wght' 835;
}


h1 {
  font-size: 48pt;
}

#why h2,
#flavours h2 {
  font-size: 28pt;
}

#cookies h2,
#game-about h2 {
  font-size: 26pt;
}

form>h2,
#hero p {
  font-size: 24pt;
}

nav,
input[type=submit],
#cookies p,
#game-about p,
input,
#checkbox-group label,
#why p,
#subscribe p {
  font-size: 20pt;
}

footer>div>ul {
  font-size: 16pt;
}

button {
  font-size: 14pt;
}

footer p {
  font-size: 12pt;
}



nav>ul>li>a {
  text-transform: uppercase;
  text-decoration: none;
}