:root {
  --primary-dark: #18191a;
  --secondary-dark: #242526;

  --primary-text: rgb(228, 230, 235);
  --primary-font-family:: 'DM Sans', sans-serif;
}

body {
  background-color: var(--primary-dark);
  font-family: var(--primary-font-family);
  color: #e4e6eb;
}
.text-body-color {
  --tw-text-opacity: 1;
  color: rgb(228, 230, 235 / var(--tw-text-opacity));
}
.content-description h1,
.content-description h2 {
  margin-top: 6rem;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 2.5rem;
  letter-spacing: -0.02em;
  color: #f7f7f8;
}

@media (min-width: 640px) {
  .content-description h1,
  .content-description h2 {
    margin-top: 2.5rem;
  }
}

.content-description p {
  margin-top: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: rgb(228, 230, 235 / var(--tw-text-opacity));
}

.content-description ol {
  list-style: decimal;
  list-style-type: decimal;
}
.content-description ol,
.content-description ul {
  padding-left: 1rem;
  color: rgb(228, 230, 235 / var(--tw-text-opacity));
}

.map-section iframe {
  width: 100% !important;
  height: 100% !important;
}

img,
video {
  max-width: 100%;
  width: 100%;
  height: 100%;
}