#pages {
  margin: 30px 0;
  background: url(../images/fond.jpg) no-repeat center;
  background-size: contain;
}
#pages h1 {
  text-align: center;
  font-size: 24px;
  font-family: 'handelgotd-bold', Arial, Helvetica, sans-serif;
}
@font-face {
  font-family: 'handelgotd-bold';
  src: url('../fonts/handelgotd-bold.eot');
  src: url('../fonts/handelgotd-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/handelgotd-bold.woff2') format('woff2'), url('../fonts/handelgotd-bold.woff') format('woff'), url('../fonts/handelgotd-bold.ttf') format('truetype'), url('../fonts/handelgotd-bold.svg#@font') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
#pages h2 {
  font-family: 'montserrat-bold', Arial, Helvetica, sans-serif;
  font-size: 20px;
}
@font-face {
  font-family: 'montserrat-bold';
  src: url('../fonts/montserrat-bold.eot');
  src: url('../fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-bold.woff2') format('woff2'), url('../fonts/montserrat-bold.woff') format('woff'), url('../fonts/montserrat-bold.ttf') format('truetype'), url('../fonts/montserrat-bold.svg#@font') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
#pages p {
  font-family: 'montserrat-regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
}
@font-face {
  font-family: 'montserrat-regular';
  src: url('../fonts/montserrat-regular.eot');
  src: url('../fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-regular.woff2') format('woff2'), url('../fonts/montserrat-regular.woff') format('woff'), url('../fonts/montserrat-regular.ttf') format('truetype'), url('../fonts/montserrat-regular.svg#@font') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}