@font-face {
  font-family: "Radio Canada Big";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/RadioCanadaBig-VariableFont_wght.ttf") format("truetype-variations");
}

@font-face {
  font-family: "Radio Canada Big";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/RadioCanadaBig-Italic-VariableFont_wght.ttf") format("truetype-variations");
}

* {
  font-family: "Radio Canada Big", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  color: inherit;
}

p {
  font-size: 1.2rem;
  letter-spacing: 0.03rem;
  line-height: 1.3;
}

.txt-s p,
.txt-s {
  font-size: 1rem;
  letter-spacing: 0.02rem;
}

.page-title,
.title-large {
  font-size: 2.2rem;
  font-weight: 450;
}

.section-title h2,
.section-title h1,
.btn {
  font-size: 1.2rem;
}

.page-subtitle {
  font-size: 1.25rem;
}

.title-small {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 550;

}

.txt-xlarge,
.txt-quote {
  font-size: 1.75rem;
}

.txt-large {
  font-size: 1.75rem;
}

.nr-large {
  font-size: 3.5rem;
}

strong {
  font-weight: 550;
}

@media screen and (min-width: 720px) {
  .txt-quote {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 1024px) {

  .page-title {
    font-size: 2.5rem;
  }

  .page-subtitle {
    font-size: 1.5rem;
  }

  .nr-large {
    font-size: 5rem;
    letter-spacing: -.07rem;
  }

  .txt-xlarge {
    font-size: 2rem;
  }

  .title-large {
    font-size: 2.5rem;
  }

  .txt-quote {
    font-size: 3rem;
  }

  .txt-small {
    font-size: 1rem;
  }

  .txt-medium {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 1024px) {

  .page-title {
    font-size: 3.25rem;
  }

}