/* Top Bar */
.top-bar {
	background: #2C2C2C;
	color: #656565;
	line-height: 40px;
	
	.container {
		display: flex;
		align-items: center;
		justify-content: flex-end;

		@media (min-width: $medium-screen) {
			justify-content: space-between;
		}

		img {
			display: inline-block;
			vertical-align: middle;
			max-height: 32px;
		}

		span {
			display: inline-block;
			color: #9F9F9F;
		}

		.contact {
			display: none;

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

			a {
				color: #aaa;

				&:hover {
					color: $base-accent-color;
				}
			}
		}


		a.our-products,
		a.free-quote {
			transition: all .15s ease;
			text-transform: uppercase;
		}

		a.our-products {
			display: none;
			background: $base-accent-color;
			color: white;
			padding: 0 .7em;

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

			&:hover {
				background: $base-accent-color;
			}
		}

		a.free-quote {
			display: inline-block;
			background: $flat-yellow;
			background: $base-accent-color;
			color: $white;
			font-weight: 500;
			padding: 0 .7em;

			&:hover {
				background: darken($base-accent-color, 10);
			}
		}
	}	
}