Using CSS to display hamburger menu on desktop and LOGO is now off-center

Good day. 

site password: lily

I inherited a site with CSS. Clients are interior designers and have a very particular aesthetic. Client noticed logo in header is slightly off-center. We are using CSS to display the hamburger menu on desktop (vs full navigation) which seems to be the culprit. Code pasted below and screen recording here: https://share.squarespace.com/p9uejpm8

CSS:

.header .header-burger{display:flex}

.header-nav, .header-actions {display:none}

.header--menu-open .header-menu { opacity: 1; visibility: visible;}

.header-menu-nav-item {

  line-height: 2em

}

@media screen and (min-width: 768px) {

  .header-menu-nav-item a {

    font-size: 2vmin;

  }

}

Looking at the website, I don't see the same slight offset of the logo that you're demonstrating in the video, is it only happening when you're logged in?

Thank you, Ziggy.

This is a development site so we must be logged in to view. URL: https://blackbird-goose-w7ys.squarespace.com/projects

Looks like the hamburger menu is taking up 47px of space pushing the logo that far to the left. If you add a -47 right margin to the logo it should center (see screenshot).