.hydrogen-mainnav {
	align-items: center;
	display: flex;
	height: 78px;
	justify-content: flex-start;
	margin: 0 15px 0 5px;
	padding: 8px 0;
}
.hydrogen-mainnav > a {
	color: white;
	font-size: 18px;
	font-weight: bold;
}
.hydrogen-mainnav > a:hover {
	color: #eaeaea;
}
.hydrogen-mainnav > a:first-child:before {
	border: 0;
	margin: 0;
}
.hydrogen-mainnav > a:before {
	align-self: stretch;
	border: 1px solid white;
	content: "";
	margin: 14px;
}

@media only all and (max-width: 1199px) {
	.hydrogen-mainnav > a {
		font-size: 16px;
	}
	.hydrogen-mainnav > a:before {
		margin: 8px;
	}
}

@media only all and (min-width: 769px) and (max-width: 959px) {
	.nav-container {
		width: 40% !important;
		max-width: 40% !important;
	}
	#g-navigation .g-container {
		width: 100%;
	}
	#g-navigation .g-container .g-grid {
		flex-wrap: nowrap;
	}
	.hydrogen-mainnav {
		justify-content: center;
		flex-wrap: wrap;
	}
	.hydrogen-mainnav > a:before {
		border: 0;
	}
}

@media only all and (max-width: 48rem) {
	.hydrogen-mainnav {
		display: none !important;
	}
}