@font-face {
  font-family: "All Round Gothic";
  src: url("../../assets/fonts/title/AllRoundGothic-Lig.otf") format("opentype"), url("../../assets/fonts/title/AllRoundGothic-Lig.otf") format("woff"), url("../../assets/fonts/title/AllRoundGothic-Lig.otf") format("woff2");
}
body main #pageInfo {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  margin: 10px 0 50px;
}
body main #pageInfo h1 {
  color: #c56e51;
  font-family: "All Round Gothic", sans-serif;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}
body main #pageInfo p {
  font-size: 1.125rem;
  text-align: center;
}
body main #pageInfo p strong {
  font-weight: 600;
}
body main #pageInfo p a {
  font-weight: 500;
  color: #c56e51;
}

@media screen and (min-width: 768px) {
  body main #pageInfo h1 {
    font-size: 4rem;
  }
  body main #pageInfo p {
    padding: 0 50px;
  }
}
@media screen and (min-width: 1024px) {
  body main #pageInfo {
    gap: 30px;
  }
  body main #pageInfo h1 {
    font-size: 4.5rem;
  }
  body main #pageInfo p {
    line-height: 26px;
    padding: 0 70px;
  }
}
@media screen and (min-width: 1366px) {
  body main #pageInfo h1 {
    font-size: 3.375rem;
    padding: 0 80px;
  }
  body main #pageInfo p {
    line-height: 30px;
    padding: 0 120px;
  }
}
@media screen and (min-width: 1768px) {
  body main #pageInfo p {
    padding: 0 150px;
  }
}/*# sourceMappingURL=pageInfo.css.map */