.page-header {
    .nav-toggle {
      display: none;
    }

    .logo {
      align-items: center;
      display: flex;
      height: 100%;
      margin: 0 @default--space;

      .lt-lg({
        margin: 0;
      });

      svg {
        .lt-md({
          height: 26px;
        });

        .gt-md({
          height: 36px;
        });
        
        * {
          fill: @beyerdynamic-blue;
        }
      }

      img {
        width: @header--logo--width;
      }

      // .gt-xl({
      //   margin: 0 (@default--space * 2);
      // })
    }
}
