:root {
  --body-color: #FCBD00;
  --anchor-color: #fff;
  --anchor-color-hover: #FCBD00;
  --desktop-header-height: 240px;
  --desktop-header-link-color: #fff;
  --desktop-header-link-color-hover: #fff;
  --desktop-nav-background: #FCBD00;
  --desktop-nav-link-color: #000;
  --desktop-nav-link-color-hover: #000;

  --desktop-header-nav-height: 0px;
}

html, body {
  background: #000;
}

.page-header__mobile {
  background: #000;
  color: #F6C939;
}

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

.mobile-nav .header-tr {
  border-bottom-color: currentColor;
  border-top-color: currentColor;
}

.mobile-nav a,
.mobile-nav a:active,
.mobile-nav a:focus,
.mobile-nav a:hover {
  color: #fff;
}

.page-header__desktop {
  background: #000;
  color: #F6C939;
  padding-inline: 0;
}

.page-header__desktop .header-rest {
  align-self: center;
  height: auto;
}

.page-header__desktop .page-header__main .header-tr {
  margin-top: 0;
}

.page-header__desktop .page-header__nav {
  display: none;
}
:root { --body-font-family: "Montserrat", sans-serif; --heading-font-family: "Montserrat", sans-serif; }
@media (min-width: 1280px) {
.page-header {
  position: relative;
}

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

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