alignment navigation

Hi!

I’m trying to get my navigation bar (home, verkoop, etc.) aligned to the middle of my webpage in stead of to the left.

I tried inserting ‘text-align: center’ to the .css file but nothing happens.

website:
https://www.curieuzeneuzepopup.be

`
/* .nav */
.mobile-nav {display: block; background: #fff; width: 100%; margin: 0 auto;}
.nav {position: relative; width: 100%; display: inline-block; border-bottom: 1px solid #0592D0; padding: 12px 0 8px 0; clear: both; text-transform: uppercase; line-height: 1em; font-weight: 400; font-size: 1.5em; text-align: center; font-family: ‘Italiana’}
.nav ul {display: none;}

Could someone help me out please?

Thanks in advance!