Sorry, I had a typo in my rule, there is no semi colon in the @media (min-width….)
I was also missing one property
@media (min-width:768px) {
.menu-primary .wvrx-menu a {padding-left:.75em;padding-right:.75em;}
.menu-primary .wvrx-menu-container {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.menu-primary ul.wvrx-menu {margin-left:0;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:distribute;justify-content:space-between;display:-webkit-flex;display:-ms-flexbox;display:flex;}
}