.state-header {
	position: relative;
	color: #ffffff;
	background: #231f20;
	padding: 0.5em 0;
}

.state-header .container {
	max-width: var(--layout-content-width);
	margin: 0 auto;
	padding: 0 1.5em;
}

.state-header a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #ffffff;
	text-decoration: none;
}

.state-header a:hover,
.state-header a:focus {
	text-decoration: underline;
}

.state-header .state-header-byline {
	max-width: 50%;
	font-size: 0.75rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	line-height: 1.2;
}

.state-header .state-header-logo {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 12.5em;
}

.state-header .state-header-logo img {
	display: block;
	width: 100%;
}