/* Top Bar */
.top-bar {
	background: #f9f9f9;
	color: #ddd;
	line-height: 40px;
	font-size: .9em;

	@media (min-width: $medium-screen) {
		font-size: 1em;
	}

	nav {
		text-align: right;
		text-transform: uppercase;
		// font-weight: 200;

		a {
			display: inline-block;
			color: $base-accent-color;
			padding: 0 .15em;

			@media (min-width: $medium-screen) {
				padding: 0 .5em;
			}

			&:last-child {
				background: #fff;
				background: $base-accent-color;
				color: white;
				font-weight: 500;
				padding: 0 1em;
				margin-left: .5em;
			}

			span {
				display: none;

				@media (min-width: $medium-screen) {
					display: inline;
				}
			}
		}
	}
	
}