/* START - FONTS */
@font-face {
  font-family: "Montserrat-Regular";
  src: url('../fonts/Montserrat-Regular.ttf') format("truetype");
}

@font-face {
  font-family: "Montserrat-ExtraBold";
  src: url('../fonts/Montserrat-ExtraBold.ttf') format("truetype");
}
/* END - FONTS */

/* START - TEXTS */
p {
  font-family: 'Montserrat-Regular';
  font-size: clamp(0.95rem, 0.85rem + 0.35vw, 1.1rem);
}

.p-bold {
  font-family: 'Montserrat-ExtraBold';
  font-size: clamp(0.95rem, 0.85rem + 0.35vw, 1.1rem);
}

.banner-titre {
  font-family: "Montserrat-ExtraBold";
  font-size: clamp(2rem, 1.4rem + 2.2vw, 3rem);
  color: white;
  text-transform: uppercase;
  margin-bottom: 0;
}

.banner-sous-titre {
  font-family: "Montserrat-Regular";
  font-size: clamp(1.55rem, 1.15rem + 1.6vw, 2.3rem);
  color: white;
  text-transform: uppercase;
  margin-bottom: 0;
}

.titre {
  font-family: "Montserrat-ExtraBold";
  font-size: clamp(1.25rem, 1.05rem + 0.9vw, 1.7rem);
  text-transform: uppercase;
  margin-bottom: 0;
}

.sous-titre {
  font-family: "Montserrat-Regular";
  font-size: clamp(1.1rem, 0.95rem + 0.7vw, 1.3rem);
  text-transform: uppercase;
  margin-bottom: 0;
}

.p-footer {
  font-family: 'Montserrat-Regular';
  font-size: clamp(0.75rem, 0.68rem + 0.25vw, 0.85rem);
  color: white;
}

/* END - TEXTS */

/* START - RESPONSIVE */
@media only screen and (max-width: 767px){
  .banner-titre{
    font-size: clamp(1.4rem, 1.1rem + 2vw, 2rem);
  }
}