CSS code for the header logo to fill all the whitespace in header

Hi,

I am trying to fill all the white space in the site header with my header logo. Next, I am wanting of putting the links/social links in bold (white) and shifting them to the middle so that that social links can be fully seen.

https://www.allegromusicschool.org/

How can I accomplish this?

Add to Design > Custom CSS

.header .header-announcement-bar-wrapper {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}