.footer {
	$footer-background: #111;
	$footer-color: $flat-gray;
	$footer-link-color: transparentize($footer-color, .2);

	background: $footer-background;
	color: $footer-color;
	font-size: .85em;
	line-height: 1.2;
	text-align: center;
	width: 100%;
	padding: 1em;

	@include media($large-screen) {
		text-align: left;
	}

	a.footer-hashtag {
		color: $flat-orange;
		font-family: $header-font-family;

		&:hover {
			color: darken($flat-orange, 10);
		}

		@include media($large-screen) {
			float: left;
			margin-right: 1em;
		}
	}

	ul {
		margin: 0 0 .5em;

		@include media($large-screen) {
			float: left;
			margin: 0;
		}

		li {
			display: inline;
			text-align: left;
			padding-right: .5em;

			a {
				color: $footer-link-color;

				&:hover {
					color: transparentize($footer-color, 0);
				}
			}
		}
	}
		
	p.credits {
		font-size: .8em;
		line-height: 1.2em;
		margin: 0;

		@include media($large-screen) {
			float: right;
		}

		a {
			color: $footer-color;

			&:hover {
				color: transparentize(#fafafa, 0);
			}
		}
	}
}