/*GENERAL*/
@font-face {
  font-family: "Dracarys";
  src: url("../fonts/Dracarys/Dracarys-Roman.ttf") format("ttf"),
    url("../fonts/Dracarys/Dracarys-Roman.woff2") format("woff2"),
    url("../fonts/Dracarys/Dracarys-Roman.woff") format("woff");

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mason";
  src: url("../fonts/Mason/Mason-Regular.ttf") format("ttf"),
  url('../fonts/Mason/Mason-Regular.woff2') format('woff2'),
  url('../fonts/Mason/Mason-Regular.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
.ft-24{
  font-size: 24px;
}

.ft-36{
    font-size: 36px;
}

.ft-48{
    font-size: 48px;
}

.ft-64{
  font-size: 64px;

}

.ft-titre{
  font-size: 64px;

}


.ft-drac{
  font-family: "Dracarys", garamond;}
.ft-mas{
  font-family: "Mason", garamond;
}


@media screen and (max-width: 700px) , (max-height: 600px) {
  .ft-24{
    font-size: 18px;
  }  
.ft-36{
  font-size: 24px;
}

.ft-48{
  font-size: 36px;
}

.ft-64{
  font-size: 48px;
}

.ft-titre{
  font-size: 36px;

}

}