One option would be to define a width for the menu, and then use margins to centre it, eg:
.menu ul {
max-midth: 600px; // What the max width you want it be
margin: 0 auto;
}you will then need to add the background color from .menu to .main-nav if you want the menu to look full width.