/* Legal pages (terms-of-service.css imports this): logo band + full-width text,
   following the original Brizy page. Blank lines between blocks are margins here. */
.legal-wrap { width: 90%; max-width: 1290px; margin: 0 auto; }
.legal-top { padding: 25px 0; }
.legal-logo { width: 25%; height: auto; margin: 0 auto; }
.legal { padding: 25px 0 55px; color: #0d0d0d; }
.legal h1, .legal h3, .legal h4 { color: #0d0d0d; margin: 0; }
.legal h1 { font-size: 46px; line-height: 59.8px; color: #181818; }
.legal h3 { font-size: 28px; line-height: 39.2px; margin-top: 30.4px; }
.legal h4 { font-size: 22px; line-height: 33px; letter-spacing: -.5px; margin-top: 30.4px; }
.legal p { margin: 0; }
.legal ul { margin: 0; padding-left: 32px; }
.legal a { color: #1155cc; text-decoration: none; }
.legal .gap-below { margin-bottom: 30.4px; } /* the original has a blank line here */

@media (max-width: 991px) {
  .legal-top { padding: 60px 0; }
  .legal { padding: 60px 0 84px; }
  .legal h1 { font-size: 38px; line-height: 45.6px; letter-spacing: -1px; }
  .legal h3 { font-size: 27px; line-height: 35.1px; letter-spacing: -1px; margin-top: 24px; }
  .legal h4 { font-size: 22px; line-height: 30.8px; margin-top: 24px; }
  .legal .gap-below { margin-bottom: 24px; }
  .legal p, .legal li { font-size: 15px; line-height: 24px; }
}
@media (max-width: 767px) {
  .legal-wrap { width: 88%; }
  .legal-top { padding: 35px 0; }
  .legal { padding: 35px 0 59px; }
  .legal h1 { font-size: 36px; line-height: 46.8px; }
  .legal h3 { font-size: 22px; line-height: 28.6px; letter-spacing: -.5px; }
  .legal h4 { font-size: 20px; line-height: 28px; letter-spacing: 0; }
}