:root {
  --screen-min-mobile: 576px;
  --screen-min-tablet: 768px;
  --screen-min-laptop: 992px;
  --screen-min-desktop: 1280px;

  --base-unit: 0.95;
  --base-rem: 0.95rem;
  --base-em: 0.95em;

  --scale-0: calc(var(--base-unit) * 0.3);
  --scale-1: calc(var(--base-unit) * 0.6);
  --scale-2: calc(var(--base-unit) * 0.8);
  --scale-3: calc(var(--base-unit) * 1);
  --scale-4: calc(var(--base-unit) * 1.2);
  --scale-5: calc(var(--base-unit) * 1.4);
  --scale-6: calc(var(--base-unit) * 1.6);
  --scale-7: calc(var(--base-unit) * 1.8);
  --scale-8: calc(var(--base-unit) * 2);
  --scale-9: calc(var(--base-unit) * 2.2);
  --scale-10: calc(var(--base-unit) * 2.4);

  --section-block-padding: 1.5rem;
  --theme-grid-gap: 1rem;

  --content-max-width-tablet: var(--screen-min-mobile);
  --content-max-width-tablet: var(--screen-min-tablet);
  --content-max-width-laptop: var(--screen-min-laptop);
  --content-max-width-desktop: var(--screen-min-desktop);

  --gap-xs: calc(var(--scale-1) * 1em);
  --gap-sm: calc(var(--scale-2) * 1em);
  --gap-md: calc(var(--scale-3) * 1em);
  --gap-lg: calc(var(--scale-4) * 1em);
  --gap-xl: calc(var(--scale-5) * 1em);

  --headings-line-height: calc(var(--scale-5) * 1em);
  --text-line-height: calc(var(--scale-5) * 1em);

}

@media (min-width: 767px) {
  :root {
    --base-unit: 1;
    --base-rem: 1rem;
    --base-em: 1em;
  }
}

@media (min-width: 1280px) {
  :root {
    --base-unit: 1.05;
    --base-rem: 1.05rem;
    --base-em: 1.05em;
  }
}

* {
  margin: 0;
  padding: 0;
}

*,
::before,
::after {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  scroll-behavior: smooth
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}