header {
	width: 100%;
	min-height: 40px;

	z-index: 10;
	opacity: 0.95;
	position: fixed;

	background-color: #DDD;
	border-bottom: 1px solid #CCC;

	display: flex;
	justify-content: left;
	padding-top: 8px;
	flex-wrap: wrap;
}


#hleft {
	width: 260px;
	/*padding-left: 4px;*/
	white-space: nowrap;
}

#hcenter {
	padding-left: 4px;
	display: flex;
	flex-wrap: wrap;
}

#hclinks {
	margin-left: 15px;
	display: flex;
	flex-wrap: wrap;
}

#hright {
	width: 194px;
	white-space: nowrap;
}

#maintitle {
	color: #F70;
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 32px;
	text-transform: uppercase;
}

#maintitle:hover {
	text-decoration: underline;
}

.entlist {
	padding-right: 20px;
}

header ul {
	display: flex;

	align-items: center;
	flex-wrap: wrap;

	justify-content: space-between;
}

header ul li {
	list-style-type: none;
}


header li#hright {
}

/********************/

@media screen and (max-width: 640px)
{
	header {
		flex-direction: column;
	}

	header #hright {
		display: none;
	}

	#hcenter {
		flex-direction: column;
	}
	#hclinks {
		margin-left: 0;
	}
}

@media screen and (max-width: 430px)
{
	#maintitle {
		font-size: 26px;
	}
}