.faq {
  padding: 48px 0;
  color: #051c2c;
}
.faq h1, .faq h3, .faq p {
  font-family: 'Noto Serif', sans-serif;
}
.faq h1 {
  font-weight: bold;
  font-style: italic;
  text-align: center;
  font-size: 3.25rem;
  margin: 0;
}
.faq .questions-container {
  position: relative;
}
.faq .questions {
  padding: 16px 0 0 0;
}
.faq .item {
  list-style-type: none;
}
.faq .question h3, .faq .answer p {
  font-size: 1.5rem;
  line-height: 150%;
}
.faq .question h3 {
  display: inline-block;
  color: #00aaa5;
  cursor: pointer;
  margin-bottom: 0;
}
.faq .question h3:hover {
  color: #a3d9e7;
}
.faq .item.active .question h3, .faq .item.active .answer p {
  color: #051c2c !important;
}
.faq .answer {
  position: relative;
  display: none;
}
.faq .item.active .answer {
  display: block;
}

@media screen and (min-width: 801px) {
  .faq .questions-container {
    display: flex;
    flex-direction: row;
  }
  .faq .questions {
    padding: 16px 8px 0 0;
    width: 50%;
  }
  .faq .item.active .answer {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    padding: 36px 0 0 8px;
  }
}