.site-navigation {
  display: flex;
  align-items: top;        /* vertically center everything */
  justify-content: space-between; /* push ends apart */
  flex-wrap: wrap;            /* allow wrapping on small screens */
}

.site-navigation .logo img {
  width: 200px;               /* pick a fixed size instead of 15% */
  height: auto;
}

.site-navigation ul {
  display: flex;
  align-items: top;
  gap: 1rem;                   /* space between menu items */
}

.site-navigation ul li {
  list-style: none;
}