.description {
  margin-bottom: 40px;
}

.question + .question {
  margin-top: 40px;
}

.question__title {
  display: inline;
  font-size: 24px;
  font-weight: 500;
  cursor: pointer;
  transition: .25s ease-out color;
}

.question__title:hover {
  color: #d8353b;
}

.question__answer-container {
  overflow: hidden;
  transition: .25s ease-out height;
  will-change: height;
}

.question__answer {
  padding-top: 16px;
}

.question__answer p + p {
  margin-top: 16px;
}


@media (max-width: 768px) {
  h1 {
    letter-spacing: -1.75px;
    font-size: 42px;
  }

  h1 + * {
    margin-top: 48px;
  }

  p {
    font-size: 18px;
  }

  .description {
    margin-bottom: 32px;
  }

  .question + .question {
    margin-top: 32px;
  }

  .question__title {
    font-size: 20px;
  }

  .question__answer {
    padding-top: 8px;
  }

  .question__answer p + p {
    margin-top: 8px;
  }
}


@media (max-width: 425px) {
  h1 {
    font-size: 36px;
    letter-spacing: -1.5px;
  }

  h1 + * {
    margin-top: 40px;
  }
}