How to center align navbar menu items

I’m trying to center align the logo, navbar and my navbar menu items. I’ve successfully centered the logo and the navbar, but I can’t seem to center the menu items. They are still justified left. I’ve tried the snippet code that’s been entered in other posts and it still does not work. The current snippets I’m using are:

.brand.span3 {
display: block;
float: none;
margin: auto !important;
width: auto;
}

.navbar .navbar-inner {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.navbar {
margin-left:auto;
margin-right:auto;
width:auto;
}

.navbar .nav {
float: none;
width: 100%;
text-align: center;
}

HELP HELP HELP!! I’m new to css so I’m sure it’s something simple I’m missing. The site I’m working on is: https://transcendent-travel.com/

Thanks in advance!