#main-menu {
	margin: 0 0 var(--margin-menu) 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.main-submenu > li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

.main-href {
	display: block;
	font-family: var(--font-family-everett);
	letter-spacing: var(--letter-spacing-everett-small-font);
	font-weight: var(--font-weight-book);
	font-size: var(--font-size-menu);
	text-transform: uppercase;
	line-height: 1em;
	padding-bottom: 0.7em;
}

.has-submenu .main-href {
	padding-bottom: 0;
}

.submenu {
	font-size: var(--font-size-b-3);
	margin: 0;
	padding: 1em 0;
}

.submenu li {
	padding-bottom: 1em;
}

.sec-href {
	display: block;
	position: relative;
	font-family: var(--font-family-everett);
	letter-spacing: var(--letter-spacing-everett-small-font);
	font-weight: var(--font-weight-book);
	line-height: 1em;
	padding-left: 1.4em;
}

.sec-href:before {
	content: '';
	position: absolute;
	display: block;
	bottom: 0.13em;
	left: 0;
	width: 0.88em;
	height: 1px;
	background-color: var(--color-foreground);
}

.submenu li:last-of-type {
	padding-bottom: 0.6em;
}

@media screen and (max-width: 820px) {
	.main-href, .sec-href {
		color: #ffffff;
	}
}