#matching-submenu {
	width: 90%;
	max-width: 1250px;
	margin: 0 auto 30px;

	.menus {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		
		@media screen and (max-width: 767px) {
			flex-flow: column nowrap;
		}
		
		li {
			color: var(--clr-blue);
			font-size: 16px;
			padding: 0 2em;
			margin: .5em 0;
			border-left: 1px solid;
			text-align: center;
			line-height: 1.4;
			
			@media screen and (max-width: 767px) {
				font-size: 14px;
				border-left-width: 0;
			}
			
			a {
				font-weight: bold;
			}
		}
		li.first-of-row {
			border-left-width: 0;
		}
	}
}