#terms,
#privacy {
  background: var(--bg-beige);
  padding: 8rem 16rem;
}

#terms h4,
#privacy h4 {
  text-align: center;
}

#terms h5,
#terms h6,
#privacy h5,
#privacy h6 {
  font-family: 'Gelica', serif;
  font-weight: bold;
  color: var(--bs-secondary);
}

#terms p,
#privacy p {
  font-family: 'Lato', sans-serif;
  font-weight: medium;
  color: #000;
}

@media (width < 500px) {
  #terms,
  #privacy {
    background: var(--bg-beige);
    padding: 8rem 1rem;
  }
}

@media (width > 500px) and (width < 1200px) {
  #terms,
  #privacy {
    background: var(--bg-beige);
    padding: 8rem 4rem;
  }
}