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

.branding--title {
	margin: 0;
}

.branding--title > a {
	background: url("../../img/WDP-logo.svg") no-repeat 0 0;
	background-size: contain;
	display: block;
	height: 104px;
	max-width: 225px;
    position: relative;
	text-indent: -9999px;
    z-index: 9999;
}

@media screen and (min-width: 768px) {

	.branding--title > a {
        background-position: 50% 0;
	}

}