Header logo too wide on narrower screens - iPhone 4/5 and split view

[mr8]

wider logos still looked a little weird on mobile..

I think this should fix it:

.d-header .title{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
@media only screen and (min-width: 375px) {
	.d-header .title, .d-header #site-logo {
		max-width: 185px;
	}
}

hope this helps!