/* =========================================================
   POOL PROMOTION — LEGAL
   ========================================================= */

.legal-page {
  width: 100%;
  max-width: 1200px;

  margin: 0 auto;

  padding-top: 90px;
  padding-bottom: 120px;
}

/* =========================================================
   TITLE
   ========================================================= */

.legal-title {
  margin: 0 0 50px;

  color: #fff;

  font-size: 18px;
  line-height: 1.1;

  font-weight: 700;

  text-transform: lowercase;
}

/* =========================================================
   TEXT
   ========================================================= */

.legal-text {
  width: 100%;
  max-width: 760px;

  color: #fff;

  font-size: 18px;
  line-height: 1.5;
}

/* =========================================================
   HEADLINES
   ========================================================= */

.legal-text h2,
.legal-text h3,
.legal-text h4 {
  margin:
    35px
    0
    10px;

  font-size: 18px;
  line-height: 1.3;

  font-weight: 700;
}

/* =========================================================
   PARAGRAPHS
   ========================================================= */

.legal-text p {
  margin:
    0
    0
    16px;
}

/* =========================================================
   LISTS
   ========================================================= */

.legal-text ul,
.legal-text ol {
  margin:
    0
    0
    16px;

  padding-left: 20px;
}

/* =========================================================
   LINKS
   ========================================================= */

.legal-text a {
  color: #fff;

  text-decoration: underline;
  text-underline-offset: 3px;

  transition:
    color .2s ease;
}

.legal-text a:hover,
.legal-text a:focus-visible {
  color: var(--berry);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1260px) {

  .legal-page {
    width: calc(100% - 60px);
  }

}

@media (max-width: 700px) {

  .legal-page {
    width: calc(100% - 40px);

    padding-top: 45px;
    padding-bottom: 90px;
  }

  .legal-title {
    margin-bottom: 35px;
  }

  .legal-text {
    max-width: 100%;

    font-size: 18px;
    line-height: 1.5;
  }

}