Text Align Center in primary menu - please & larger logo please

Trying to center text in the primary menu as I have a <br> and two lines of text - I've tyried adding a rule in the css code as below but does not work.

I am experimenting with various navigation ideas for the client, and might need a much wider logo if I were to reduce the navigation to just Events and list the conferences in a drop-down

Many thanks

Gavin B

#header {
  --cnvs-sticky-header-height:	var(--cnvs-header-height);
  --cnvs-header-border-color:	rgba(var(--cnvs-contrast-rgb), .1);
  --cnvs-header-transparent-border-color: rgba(var(--cnvs-contrast-rgb), .1);
  --cnvs-primary-menu-padding-x:	15px;
  /*  Floating Header */
  --cnvs-header-floating-top-offset:	60px;
  --cnvs-header-floating-padding:	30px;
  /*  Side Header */
  --cnvs-side-header-padding-gutters:	30px;
  /*  Primary Menu */
  --cnvs-primary-menu-color:	var(--cnvs-contrast-900);
  --cnvs-primary-menu-hover-color: var(--cnvs-themecolor);
  --cnvs-primary-menu-active-color:	var(--cnvs-primary-menu-hover-color);
  --cnvs-primary-menu-font:	var(--cnvs-primary-font);
  --cnvs-primary-menu-font-weight:	700;
  --cnvs-primary-menu-font-size:	0.5125rem;
  --cnvs-primary-menu-tt:	uppercase;
  **--cnvs-primary-menu-text-align: center;**
  --cnvs-primary-menu-ls:	1px;