.header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: calc(40rem / 16) 0;
  text-align: center;
}

.title {
  color: var(--primary-accent-light);
  font-size: calc(70rem / 16);
  margin: calc(40rem / 16) auto;
  word-break: break-word;
}

.subTitle {
  color: var(--primary-accent-lighter);
  font-size: calc(26rem / 16);
  margin: auto;
}

@media screen and (max-width: 900px) {
  .title {
    font-size: calc(50rem / 16);
    margin: calc(20rem / 16) auto;
  }

  .subTitle {
    font-size: calc(30rem / 16);
    margin: auto calc(15rem / 16);
  }
}