@font-face {
  font-family: "BebasNeue Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/css/font/BebasNeue-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Prompt LightItalic";
  font-style: normal;
  font-weight: 300;
  src: url("/css/font/Prompt-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Prompt Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/css/font/Prompt-Regular.ttf") format("truetype");
}

h1,
h2 {
  font-family: "BebasNeue Regular";
  font-style: normal;
  font-size: 400%;
}

h3,
h4 {
  font-family: "Prompt Regular";
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 170%;
}

p,
.specialn1-text {
  font-family: "Prompt LightItalic";
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 120%;
}

/* texte via taille ecran */

@media (max-width: 700px) {
  h1,
  h2 {
    font-size: calc(400% * 0.7);
  }

  h3,
  h4 {
    font-size: calc(170% * 0.7);
  }

  p,
  .specialn1-text {
    font-size: calc(120% * 0.7);
  }
}

@media (min-width: 1400px) {
  h1,
  h2 {
    font-size: 10vh;
  }

  h3,
  h4 {
    font-size: 5.3vh;
  }

  p,
  .specialn1-text {
    font-size: 3.5vh;
  }
}