.c-nav {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.c-nav__list {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 0;
	list-style: none;
	margin: 0 auto;
}

.c-nav__item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 0 auto;
	margin-top: 0;

	& + & {
		margin-left: space(7);

		@include mq(m, $bp-max){
			margin-left: 4vw;
		}
	}
}

.c-nav__link {
	@include font-size(m);
	display: inline-block;
	padding: space(1) 0;
	color: palette(neutral);
	text-decoration: none;
	transition: color 200ms linear;

	&:hover {
		color: palette(action, 300);
	}

	.is-active & {
		@include font-weight(bold);
		color: palette(secondary, 500);
	}

	@include mq(m, l){
		font-size: calc(1.39vw + 8px);
	}
}