CSS Code to prevent navigation stacking is pushing mobile logo off screen

I have a site that I use css code to keep the site navigation from stacking, and it is pushing the mobile logo off-screen. It's only doing it to this site... I have a site with identical css that does not have this issue. The image shows what I mean, but I changed the mobile layout to prevent this. You can still see how the mobile logo is off-center. 

Can you share your website URL and the code you've used?

tridentservices.squarespace.com

/* Change dropdown menu background */
.header-nav-folder-content {
   background: #0d1632 !important;
}
// Header Nav Width Adjustment
.header-layout-branding-center-nav-center .header-title-nav-wrapper {
  flex: 2 0 100%;
}
.header-layout-branding-center-nav-center .header-actions--right {
  position: relative;
  right: 4vw;
}
.header-menu-nav-item a {
    font-size: 30px;
}
.header-nav-folder-item a {
  color: #ffffff !important;
}

Very nice of you to help. Thank you!

38 minutes ago, AmericanDreadnought said:

Very nice of you to help. Thank you!

You're welcome