.fixed-nav .wordmark {
  position: fixed;
  mix-blend-mode: exclusion;
  opacity: 0.7;
  z-index: 190; }
  @media (min-width: 800px) {
    .fixed-nav .wordmark {
      top: 44px;
      left: 44px;
      transform-origin: center left;
      transform: scale(0.75); } }
  @media (max-width: 800px) {
    .fixed-nav .wordmark {
      top: calc(9px + 23px);
      left: 18px;
      width: 125px;
      transform-origin: top left; } }
  @media (min-width: 800px) {
    .fixed-nav .wordmark.show-logo {
      left: 150px; } }
  @media (max-width: 800px) {
    .fixed-nav .wordmark.show-logo {
      left: 50%;
      transform: translateX(-50%); } }
.fixed-nav .menu-buttons {
  position: fixed;
  mix-blend-mode: exclusion;
  opacity: 0.7;
  z-index: 190; }
  .fixed-nav .menu-buttons .close-icon {
    display: none; }
  @media (min-width: 800px) {
    .fixed-nav .menu-buttons {
      top: 44px;
      right: 44px; }
      .fixed-nav .menu-buttons .open-menu {
        transform-origin: top right;
        transform: scale(0.75); } }
  @media (max-width: 800px) {
    .fixed-nav .menu-buttons {
      top: calc(9px + 18px);
      right: 18px; }
      .fixed-nav .menu-buttons .open-menu {
        width: 34px; } }
.fixed-nav .logo {
  position: fixed;
  mix-blend-mode: difference;
  z-index: 190;
  opacity: 1; }
  @media (min-width: 800px) {
    .fixed-nav .logo {
      top: 7px;
      left: 7px;
      width: 100px; } }
  @media (max-width: 800px) {
    .fixed-nav .logo {
      position: fixed;
      top: 9px;
      left: 3px;
      width: 64px; } }
  .fixed-nav .logo img {
    width: 100%; }