ul.menu {
		list-style: none;
		padding-left: 0;
		justify-content: center;
		display: flex;
		/* font-size:medium; */
	}

		ul.menu li {
			display: inline-block;
			border-left: solid 1px #d2d7dc;
			padding-left: 1em;
			margin-left: 1em;
		}

			ul.menu li:first-child {
				border-left: 0;
				padding-left: 0;
				margin-left: 0;
			}


@media screen and (max-width: 820px) {

ul.menu {
				text-align: center;
			}

				ul.menu li {
					display:flow-root;
					border: 0;
					padding: 10;
					margin: 0;
					line-height: 2em;
				}

					ul.menu li:first-child {
						border-top: 0;
					}

}