Is it possible to space menu items at different widths?


Was wondering if it’s possible to get the menu bar I’ve got in the preview link to look like what the client wants on the screen shot? And if so, is there a way to keep it responsive so it stays in the blue bar?
Thank you for any help.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)