:root {
  --touristnt-font-body: "Manrope", sans-serif;
  --touristnt-font-heading: "Manrope", sans-serif;
  --touristnt-color-text: #171714;
  --touristnt-color-bg: #f1ece2;
  --touristnt-color-primary: #ee3f27;
  --touristnt-container-max: 1420px;
  --touristnt-container-padding: 24px;
  --touristnt-size-body: 1rem;
  --touristnt-size-h1: clamp(3.55rem, 7.7vw, 8rem);
  --touristnt-size-h2: clamp(2.65rem, 4.8vw, 4.9rem);
  --touristnt-size-h3: clamp(1.25rem, 2vw, 2rem);
  --touristnt-section-padding: 92px;

  --touristntui-font-primary: var(--touristnt-font-body);
  --touristntui-font-heading: var(--touristnt-font-heading);
  --touristntui-color-primary: var(--touristnt-color-primary);
  --touristntui-color-text: var(--touristnt-color-text);
  --touristntui-color-background: var(--touristnt-color-bg);
}

body .touristnt-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  color: var(--touristnt-color-text);
  background: var(--touristnt-color-bg);
  font-family: var(--touristnt-font-body);
  font-size: var(--touristnt-size-body);
}

.touristnt-content h1,
.touristnt-content h2,
.touristnt-content h3,
.touristnt-content h4,
.touristnt-content h5,
.touristnt-content h6 {
  font-family: var(--touristnt-font-heading);
}

.touristnt-content .container {
  width: min(var(--touristnt-container-max), calc(100% - (2 * var(--touristnt-container-padding))));
  margin-inline: auto;
}

.touristnt-content .is-large {
  font-size: 1.25em !important;
}

.touristnt-content .is-small {
  font-size: .875em !important;
}

@media (max-width: 782px) {
  .touristnt-content .is-hidden-mobile {
    display: none !important;
  }
}

@media (min-width: 783px) {
  .touristnt-content .is-hidden-desktop {
    display: none !important;
  }
}