.main-menu {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, max-content)
    minmax(0, 1fr);

  align-items: center;
  margin-right: var(--golden-xl);
  margin-left: var(--golden-xs);

  .menu {
    ul {
      display: flex;
      align-items: center;

      li {
        margin: var(--golden-xs) var(--golden-xs);
      }

      li.logo {
        margin-top: var(--golden-m);

        svg, img {
          height: var(--golden-xl);
          width: auto;
        }
      }
    }
  }

  .session {
    text-align: right;
  }
}