Centering menu

Sorry for all of the questions. I’m trying my best to edit the code myself and this is my last resort.

I would like to center the navigation menu under my logo. I’ve tried editing multiple parts of the code for navigation. I was able to change the color of the text with this portion, but cannot figure out what to change to center the text.

.primary-navigation a {
display: block;
padding: 8px 12px;
color: #58135D;
text-decoration: bold;
}