/* Place all the styles related to the About controller here. */
/* They will automatically be included in application.css. */
/* You can use Sass (SCSS) here: http://sass-lang.com/ */
#legals {
  font-family: var(--font-family-text);
  width: 80%;
  max-width: 970px;
  margin: 0 auto;
  h1 {
    margin-top: 45px;
    font-size: 24px;
  }

  h2 {
    font-size: 20px;
    margin: 15px 0px 15px 0px;
  }

  h3 {
    font-size: 16px;
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 8px;
  }

  p {
    margin-left: 0px;
    color: #333333;
    font-size: 16px;
  }

  ul {
    li {
      color: #333333;
      font-size: 16px;
    }
  }
}

@media (max-width: 767px) {
  #legals{
    width: 90%;
  }
}