:root {
  --mobile-header-height-small: 130px;
  --mobile-header-height: 130px;
  --desktop-header-height-small: 330px;
  --desktop-header-height: 330px;
  --body-color: #fff;
  --anchor-color: #fff;
  --anchor-color-hover: #dedede;
  --h2-size: 2rem;
}

a[href^="tel:"] {
  color: var(--anchor-color);
}

:where(.front) body {
  background: #5e109b;
}

.page-header__mobile,
.page-header__desktop {
  background: #5e109b;
  color: #fff;
}

.page-header__desktop .page-header__main a,
.page-header__desktop .page-header__main a:focus,
.page-header__desktop .page-header__main a:active {
  color: #fff;
}

.page-header__desktop .page-header__main a:hover {
  color: #fff;
}

.mobile-nav {
  background: #000;
  color: #fff;
}

.mobile-nav a {
  color: #fff;
}

.mobile-nav a:hover,
.mobile-nav a:active,
.mobile-nav a:focus {
  color: var(--anchor-color-hover);
}

:where(.front) h1 {
  text-align: center;
}

.desktop-menu {
  display: none !important;
}

.page-header {
  position: relative;
}

.page-header__mobile {
  box-shadow: none;
}

.page-header__mobile .page-header__columns .left {
  margin-inline: auto;
}

.page-header__mobile .page-header__columns .right {
  display: none !important;
}

.page-header__mobile .site-logo img,
.page-header__mobile .site-logo svg {
  width: auto;
}

:where(.front) .app {
  margin-top: 2rem;
}
:root { --body-font-family: Montserrat, sans-serif; --heading-font-family: Krona One, sans-serif; }
.page-header__desktop .site-logo img,
.page-header__desktop .site-logo svg {
width: 500px;
}

.smaller .page-header__desktop .site-logo img,
.smaller .page-header__desktop .site-logo svg {
width: 500px;
}