7.1 CSS Help: how to move image logo closer to navbar

Site URL: https://sandralynnallendesign.squarespace.com/

Hi, could someone help me with a CSS solution to move the logo image in header closer to the navigation bar?

I'd like the left-justified logo image and right-justified navbar in heading to line up / align with the content width of 77.  (Or close to it. I can adjust content width, but just as long as the edge of the logo and edge of the navbar align directly with the content as pictured below)  

Thanks so much for your help!

https://sandralynnallendesign.squarespace.com/

Password: 1234

Which page?

44 minutes ago, tuanphan said:

Which page?

Thank you.

1. I would like to change this on the About, Process, Testimonials and Contact pages, please. 
2. If I need to change on every page on the site, would you be able to show me how to do this as well?  

Thank you so much! 

Add to Home > Design > Custom CSS

@media screen and (min-width:992px) {
.header-announcement-bar-wrapper {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
}
}

2 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (min-width:992px) {
.header-announcement-bar-wrapper {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
}
}

 

Thank you!