/* BANNER */
.page-legals .banner .pic {
  display: flex;
  width: 100%;
  height: auto;
}
.page-legals .banner .pic img {
  width: 100%;
  height: 100%;
}
.page-legals .cover {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.page-legals .tt-max {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 400;
  font-family: "Lagin";
  color: var(--red);
  margin-bottom: 3rem;
  padding: 0 6rem;
}
.page-legals .flow {
  color: var(--green-1);
  padding: 0 6rem;
  letter-spacing: 1px;
}
.page-legals .flow strong,
.page-legals .flow b {
  font-weight: 400;
}

/* RESPONSIVE */
@media (max-width: 100rem) {
  /* 1600px */
}

@media (max-width: 75rem) {
  /* 1200px */
}

@media (max-width: 62rem) {
  /* 992px */
  .page-legals .tt-max {
    font-size: 2rem;
  }
}

@media (max-width: 48rem) {
  /* 768px */
  .page-legals .cover {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .page-legals .tt-max {
    font-size: 1.5rem;
  }
  .page-legals .flow {
    font-size: 0.9rem;
    padding: 0;
  }
}

@media (max-width: 36rem) {
  /* 576px */
  .page-legals .tt-max {
    margin-bottom: 2rem;
    padding: 0;
  }
  .page-legals .cover {
    padding: 3rem;
  }
  .page-legals .flow {
    font-size: 0.8rem;
  }
}