@charset "UTF-8";
h1#logo a img {
	max-height: 140px;
}

@media screen and (min-width: 801px) {
	div#nav {
		background: transparent;
		position: relative;
		& > ul {
			position: absolute;
			width: calc(100% - 225px);
			bottom: 2.5em;
			right: 0;
			display: flex;
			justify-content: space-around;
			& > li a {
				letter-spacing: -1px;
				font-size: 14px;
				padding: 0 10px;
				margin-right: 0;
				& span {
					transition: color 0.2s ease;
				}
			}
			& > li a:hover span,
			& > li.selected a span {
				border-bottom: 2px solid;
				color: $secondary-color;
			}
		}
	}
}
@media screen and (min-width: $width) {
	div#nav > ul {
		bottom: 2.1em;
		& > li a {
			font-size: 16px;
		}
	}
}
