/**
 * branding.css
 *
 * Usually logo and byline
 *
**/

.branding--title {
	margin: 0;
}

.branding--title > a {
	background: url("../../img/logo-temp.png") no-repeat 50% 0;
	background-size: contain;
	display: block;
	height: 100px;
	margin: 0 auto;
	max-width: 195px;
	text-indent: -9999px;
}

@media screen and (min-width: 450px) {
	.branding--title > a {
		height: 130px;
	}
}

@media screen and (min-width: 768px) {
	.branding--title > a {
		margin: 0;
	}
}