Primary navigation bar placement

Please help. I really need to resolve this problem.

Link to screen capture of the page–> https://snipboard.io/EpBH9n.jpg

I copied and pasted the source code section that deals with the primary navigation bar.

The Customizer does not center the navigation bar above the logo.

Based on the classes and the Id that I located from the source code, I used the below variations to try to center the navigation bar and change the color of the text,

I intentionally used CSS to color the (.header-col.menu-col.menu-center) green so I could see it better.

Here are the CSS variations I used:

Version-1

.header-col.menu-col.menu-center {
margin: auto !important;
width: 100%;
text-align: center;
border: 3px solid green;
}

Version-2

.header-col.menu-col.menu-center {
float: right;
width: 100%;
text-align: center;
border: 3px solid green;
}

Version-3

.header-col.menu-col.menu-center {
float: right;
width: 100%;
text-align: center;
border: 3px solid green;
vertical-align: top;
}

.menu{
color: black !important;

}

Version 4

.header-col.menu-col.menu-center {
float: right;
width: 100%;
text-align: center;
border: 3px solid green;
vertical-align: top;
}

#primary-menu
{
color: black !important;

}

Nothing works.

Thank you,

Joshua Davis

The page I need help with: [log in to see the link]