Place the logo in the center with navigation items on each side

I'm using the following code to place the logo in the center with navigation items on each side.
Somehow the distance between the nav. items on the right and the logo and the nav. items on the left and the logo are not the same. I cannot find the way to keep them centered. Attached an screenshot.

/*Secondary Navigation */
.header-display-desktop .header-title {
  height: 8vw !important;
  display: flex;
  align-items: center !important;
  justify-content: center;
}
.header-display-desktop .header-nav {
  position: absolute;
  top: 0;
  margin-top: 0 !important;
  height: 8vw !important;
  display: flex;
  align-items: center !important;
  justify-content: center;
}
.header-display-desktop .header-nav-item:nth-of-type(2) {
  margin-right: 40vw !important;
}