.navBarContainer {
	width: 100%;
	z-index: 1;
}
.navBar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#navRight {
	display: flex;
	transition: 0.25s all ease-in-out;
	height: auto;
	overflow: hidden;
	gap: 10px;
	z-index: 1;
}
.navItem {
	display: inline;
	font-size: 0.875rem;
	font-weight: 350;
	padding: 10px;
	transition: 0.15s all ease-in-out;
	border-radius: 12px;
	text-underline-offset: 8px;
}
.navItem:hover {
	transition: 0.15s all ease-in-out;
	cursor: pointer;
	text-decoration: underline 2px;
}
#mobileNavActivator {
	display: none;
}
#mobileNavActivator img {
	content:url('/assets/menu.svg');
	transition: 1s all ease-in-out;
}
#mobileNavActivator.active img {
	content:url('/assets/x.svg');
	transition: 1s all ease-in-out;
}
@media only screen and (max-width: 768px) {
	#navRight {
		height: 0;
		width: 100%;
		left: 0;
		position: absolute;
		top: 90px;
		flex-direction: column;
		gap: 5px;
		padding: 0 calc(40px - 10px);
		background: #f9f4ed;
	}
	.navItem {
		display: block;
		padding: 10px 10px;
		margin: 10px;
	}
	#mobileNavActivator {
		display: block;
	}
}
@media only screen and (max-width: 500px) {
	.navBar {
		padding: 10px 20px;
	}
	#navRight {
		padding: 0 calc(20px - 10px);
	}
}



.footer {
	background: black;
	line-height: 30px;
	color: white;
	padding: 20px 10px 10px 10px;
}
.footer img {
	margin-left: 5px;
	margin-right: 5px;
}
.termsandprivacy, .termsandprivacy a {
	color: gray;
}