.site-header img {
	max-width: 350px;
	width: 100%;
}

.header-title {
	text-align: center;
	font-size: $small-header-font-size;
	padding-top: 10px;
	margin-bottom: 1.5em;
}

.page .header-title {
	font-size: $large-header-font-size;
}

.version-picker:not(.has-header-image) {
	float: right;
	padding-right: 10px;
}

.version-picker.has-header-image {
	text-align: center;
}

@media only screen and (min-width: 550px) {
	.header-title {
		padding-top: 25px;
	}
	
	.version-picker.has-header-image {
		bottom: 35px;
		position: absolute;
		right: 10px;
		padding: 0;
	}
}

@media only screen and (min-width: 783px) {
	#masthead {
		padding: 10px 10vw;
	}
	
	.header-title {
		padding-top: 30px;
	}
	
	.version-picker.has-header-image {
		bottom: 45px;
		right: 10vw;
	}
}