Navigation Custom CSS

I have successfully removed by site title and tag line. I however have a weird space in the middle of my navigation. I have also tried to use custom CSS to re align the navigation. Any help would be appreciated. 

I am not an expert with CSS but here is the CSS that I am using:

#siteTitle {
display: none;
}
#siteTag {
display: none;
}
#siteDescription {
display: none;
}

#headerNav a { 
   display: inline-block;
   margin-top: 10px;
   text-align: center; 
   margin-right:;
   padding-left: 10px;
   padding-right: 10px;
 }

I guess negative margin left

@Joeartist Can you share site url to check?

Hi tuanphan,

thank you for your answer. I went ahead and added the margin-left to my CSS but it did not make any major adjustments. The space I am looking at is between "the details" and "Accommodations".

This site is still being built so there is not a Url that is linked yet. .

Thank you!

@JoeartistLogo used to be in the center? I have solved for some clients, the problem comes from negative margin left. You can set a password and share the url.