/* -----  FONT ----- */
@font-face {
    font-family: "ContentText";
    src: url("../assets/fonts/Seagram\ tfb.ttf");
}

@font-face {
    font-family: "TitleText";
    src: url("../assets/fonts/HeavyRain_PERSONAL_USE_ONLY.ttf");
}
/* ----------------------- */
/* ----- Essentials ----- */

html, body {
  font-size: 18px;
  background-color: rgb(148, 136, 123);
  font-family: "ContentText";
}

h1 {
  z-index:1;
  padding-top: 170px;
  font-family: "TitleText";
  font-size: 75px;
}

header {
  max-width: 1400px;
  background-size: contain;
  background-repeat: no-repeat;
  margin: auto;
  text-align: center;
}

footer {
  max-width: 1400px;
  height: 300px;
  margin: -5px auto;
  background-image: url("../assets/img/footer/footer.webp");
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
}

p {
  padding: 20px;
}
/* ------------------------ */
/* -----  LOGO & IMG ----- */

.logo-md {
  width: 300px;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 10px;
  padding-top: 100px;
}

.logo-sm {
  width: 100px;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 100px;
}

.logo-bottom {
  width: 100px;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}

/* --------------------- */
/* -----  Content ----- */

.main-content {
  max-width: 1400px;
  background-image: url("../assets/img/background/parchemin.webp");
  margin: auto;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.content {
  max-width: 1400px;
  margin: auto;
  text-align: center;
}

.full-width {
  position: relative;
  max-width: 100%;
  max-height: 100%;
}

.responsive {
  width: 100%;
  height: auto;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}