*,
*::before,
*::after {
  box-sizing: border-box;
  font-family: "Burka-Reg", sans-serif;
}

:root {
  --max-container-width: 1200px;
  --main-header-fs: 50px;
  --section-header-fs: 25px;
}

.terms-container {
  padding-inline: 100px;
  padding-block-start:100px;
  margin: auto;
  max-width: var(--max-container-width);
}

.terms-container header {
  text-align: center;
  margin-bottom: 70px;
}

.main-header {
  font-size: var(--main-header-fs);
}

.last-updated {
  color: rgb(95, 93, 93);
  font-size: 14px;
}

.section-header {
  font-size: var(--section-header-fs);
  margin-block-end: 30px;
}

section {
  margin-block-start: 45px;
}

section li::marker {
  color: #dafa50;
}

section a {
  color: #5e5e5e;
  text-decoration: none;
  transition: all 0.3s ease;
  padding-bottom: 2px;
}

section a:hover {
  color: #131313;
}

/* 🔽 Breakpoints */

@media (min-width: 1200px) {
  :root {
    --main-header-fs: 56px;
    --section-header-fs: 28px;
  }

  .terms-container {
    padding-inline: 100px;
  padding-block-start:100px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  :root {
    --main-header-fs: 42px;
    --section-header-fs: 22px;
  }

  .terms-container {
    padding-inline: 60px;
    padding-block-start:60px;
  }
}

@media (max-width: 767px) {
  :root {
    --main-header-fs: 32px;
    --section-header-fs: 20px;
  }

  .terms-container {
    padding-inline: 20px;
  padding-block-start:40px;
  }

  .section-header {
    margin-block-end: 25px;
  }

  section {
    margin-block-start: 30px;
  }
}

@media (min-width: 1600px) {
    .terms-container {
        max-width: 1800px;
    }
}