body {
    padding:0;
    scroll-behavior: smooth;
}

/********************************/
/* GENERAL                      */
/********************************/
section {
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    padding:120px 20px;
}

h1 {
    font-family: merriweather,palatino,serif;
    font-style: italic;
    font-weight: 700;
    font-size: 37px;
    line-height: 1.5em;
    margin-bottom: 15px;
}

h2 {
    font-family: poppins,arial,serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5em;
    margin-top:40px;
}

h3 {
    font-family: poppins,arial,serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5em;
  }

h4 {
    font-family: poppins,arial,serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5em;
  }

p {
    font: 14px merriweather,lucida,serif;
    line-height: 1.5em;
    margin-bottom:20px;
}
li {
    font: 14px merriweather,lucida,serif;
    line-height: 1.5em;
}

.content p a {
  font-family: merriweather, palatino, serif;
}

/********************************/
/* FAQ                          */
/********************************/
button.faq_collapsible {
  width: 100%;
  border: 1px solid var(--gray-200);
  padding: 25px 45px;
  text-align: left;
  background-color: transparent;
  background-image: url(/static/images/arrows/gray-down-arrow.svg);
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: 20px center;
  margin-top: 15px;
  -moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
}
button.faq_collapsible:nth-child(2){
  margin-top: 20px;
}
button.faq_collapsible h2 {
  margin-top: 0;
}
button.faq_collapsible:hover {
  background-color: var(--gray-100);
}
.faq_content {
  padding: 0 45px 25px 45px;
  display: none;
  max-height: 0;
  overflow: hidden;
  background-color: var(--gray-100);
  border-left: 1px solid var(--gray-200);
  border-right: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
  transition: max-height 0.2s ease;
}
.faq_content.open {
  display: block;
}
.faq_content a {
  font-family: merriweather, palatino, serif;
}
.faq_content img {
  max-width: 100%;
  -webkit-filter: drop-shadow(0 2px 12px var(--gray-overlay-100));
  filter: drop-shadow(0 2px 12px var(--gray-overlay-100));
}
.faq_content img + h4, .faq_content img + p {
  margin-top: 20px;
}
button.faq_collapsible.active {
  background-image: url(/static/images/arrows/black-up-arrow.svg);
  background-color: var(--gray-100);
  border-bottom: initial;
}

/* mobile portrait */
@media only screen and (max-width : 767px) and (orientation : portrait) {
  h1 {font-size: 30px;}
  section {padding: 90px 15px;}
  h2, p {line-height: 1.75em;}
  p {font-size: 15px;}
  button.faq_collapsible {padding: 15px 25px 15px 35px; background-position: 15px center;}
  .faq_content {padding: 0 25px 15px 35px;}
}