Remove site title/logo and empty space in header. [Horizon template]

Site URL: https://www.cityzerofilms.com/

Hi there,

Just looking for a way to remove the site title/logo and then the empty space that is left in the middle of the site navigation links.  I've used this CSS to remove the site title with success:

<style>
 .site-title, .site-tagline {
   visibility: hidden;
 }
</style>

I just need to remove the space in the middle that is left when there's no logo/site title.

Link to site:  https://www.cityzerofilms.com/

*Logo is there as a placeholder for the time being because the empty space looked weird.

Any help is much appreciated.  Thanks!

Add to Home > Design > Custom CSS

div#logoWrapper {
    margin-right: 0 !important;
    left: 0 !important;
    transform: unset !important;
    width: 0 !important;
    visibility: hidden;
}
.index {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

Thanks for sharing your knowledge.  You're an absolute wizard.  Cheers!