/* Legal Sections */
#legal-section {
  background-image: url(../../../images/site_imgs/splash/default.png);
  background-color: transparent;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}
#legal-section h1 {
  font-size: calc(1.125rem + 0.5vw);
}

#legal-section h2 {
  font-size: calc(1rem + 0.25vw);
}

#legal-section h3 {
  font-size: calc(0.825rem + 0.2vw);
}

#legal-section h4 {
  font-size: calc(0.67rem + 0.15vw);
}

#legal-section h1,
#legal-section h2,
#legal-section h3,
#legal-section h4 {
  margin-bottom: var(--space-2);
}

#legal-section section {
  position: relative;
  width: auto;
  max-width: var(--layout-w-960);
  background-color: white;
  border: 1px solid rgb(252, 245, 150);
  border-radius: var(--border-radius-large);
  margin: 12rem auto var(--space-12);
  padding: var(--space-8);
}

#legal-section section .flexbox-col {
  gap: 0;
}

#legal-section p {
  color: black;
  margin: 0;
}

#legal-section a {
  color: rgb(49, 54, 63);
  text-decoration: underline;
}

#legal-section a:hover,
#legal-section a:active {
  color: black;
}

#legal-section ul li {
  margin-bottom: 0;
}


#legal-section ul ul {
  list-style:disc;
  margin-top: var(--space-4);
  margin-left: var(--space-8);
}

#legal-section li p:last-child, #legal-section ul ul:last-of-type  {
  margin-bottom: var(--space-4);
}

#legal-section ul ul li:last-child{
  margin: 0;
}

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

@media (max-width: 48rem) {
  /* 768px */

  #legal-section {
    padding: var(--space-4);
  }

  #legal-section section {
    margin-top: var(--space-8);
  }

}