:root {
  --mobile-header-height-small: 330px;
  --mobile-header-height: 330px;
  --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);
}

body {
  background: #0A0A0A;
}

.page-header__mobile,
.page-header__desktop {
  background: #0A0A0A;
  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 .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;
}

.app {
  margin-top: 0;
}
.page-header__desktop .site-logo img,
.page-header__desktop .site-logo svg {
width: 304px;
height: 300px;
}

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