/* 48px */
/* 32px */
/* 24px */
/* 20px */
/* 16px */
/* 16px */
main {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
}

main > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1080px;
  padding: 20px 0px;
  margin: 0px;
  padding-bottom: 80px;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
main > div > h1 {
  margin: 20px 0px;
}
main > div > section {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  max-width: 837px;
  width: 100%;
}
main > div > section > h2 {
  margin-bottom: 5px;
}
main > div > section > section {
  margin: 20px 0px;
  padding-left: 20px;
}
main > div > section > section > ul {
  list-style-type: none;
}
main > div > section > section > ul strong {
  font-size: 1em;
}
main > div > section span {
  display: flex;
  flex-direction: row;
}
main > div > section span > p, main > div > section span > strong {
  min-width: 200px;
}
main > div > section > p {
  padding: 5px 0px;
}
main > div > section > p > a {
  font-size: 1em;
}

@media only screen and (max-width: 837px) {
  main > div {
    padding: 10px;
    padding-bottom: 40px;
  }
}

/*# sourceMappingURL=terms_of_service.css.map */