.igraphic-mast {

	$showEverything: 400px;

	border-bottom: 1px solid #ccc;
	width: 100%;
	background: white;
	z-index: 300;
	font-size: 100%;

	a {
			text-decoration: none;
			display: inline-block;
		}

	.wrapper {
		position: relative;
		padding: 0.5em;
		min-height: 2.25em;
	}

	svg {
		height: 1em;
	}

	svg.full {
		display: none;

		@include breakpoint($showEverything) {
			display: block;
		}
	}

	svg.bug {
		display: block;

		@include breakpoint($showEverything) {
			display: none;
		}		
	}


	.logo {
		position: absolute;

		a:hover {
			opacity: 0.7;
		}
	}

	.social {
		position: absolute;
		right: 0.75em;
		top: 0.5em;

		a {
			padding-left: 1em;

			&:hover {
				opacity: 0.7;
			}
		}
	}

}