Moving elements of navigation bar or menu

Site URL: https://www.elcamino.travel/

Hi, I removed the social links from my site header and now my menu items aren't centered on the page. Is there a way to fix this? Here's the code I have that's effecting my site header right now:

// nav bar stacking //
.header-nav {
    width: 90% !important;
    flex: 1 1 90% !important;
}

// Pressed Down Button - 7.1 Header Button //

.header-actions .btn {
  box-shadow: 5px 5px #D1C4CF;
  transition: all ease-in .05s;
}

.header-actions .btn:active {
  box-shadow: none;
  transform: translateY(4px) !important;
  transition: all ease-in .05s;
}
 

In addition, the login buttom (code above), is super far to the right. Can this be brought in and aligned with the nav bar in a nicer way?

Don't remove any code in your current code.

Add to Design > Custom CSS

.header-nav {
    left: 50%;
    transform: translateX(-50%);
}