#title {
  position: relative;
  padding-top: 88px;
}
@media (max-width: 1023px) {
  #title {
    padding-top: 56px;
  }
}
#title .title {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 64px 0 72px 0;
}
@media (max-width: 1365px) {
  #title .title {
    padding-left: 36px;
    padding-right: 36px;
  }
}
@media (max-width: 1023px) {
  #title .title {
    padding-top: 48px;
    padding-bottom: 96px;
  }
}
@media (max-width: 767px) {
  #title .title {
    padding: 48px 16px;
  }
}
#title .title span {
  margin-bottom: 0.125em;
  line-height: 100%;
  font-family: Roboto, -apple-system, BlinkMacSystemFont;
  font-size: 6rem;
  color: #222;
}
@media (max-width: 767px) {
  #title .title span {
    font-size: 4rem;
  }
}
#title .title h2 {
  font-weight: 500;
  font-size: 1.25rem;
  color: #222;
}/*# sourceMappingURL=title.css.map */