/* Header */
/** Banner **/
section#banner{
    background-image: var(--banner_image);
	background-size: cover;
	height: var(--banner_height);
	margin:	0;
	padding: 0;
}
input[type=search]{
	visibility: var(--search_button);
	position: absolute;
	top: 3em;
	right: 3em;
	z-index:10;
    padding: .5em;
    border: 1px solid silver;
    border-radius: 4px;
    box-sizing: border-box; 
    margin: 0; 
    resize: vertical 
}
section#banner header{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
	width: 80%;
	padding: 20px;
	border-radius: .5em;
	background-color: var(--head_background_color);
	font-size: x-large;
}
section#banner > a{
	text-align: center;
	text-decoration: none;
	color: var(--head_font_color);
	text-shadow: var(--head_text_shadow);
}
section#banner header:hover{
	background-color: var(--head_background_color_hover);
}
header h1{
	font-weight: bold;
}
header h2{
	font-size: large;
	font-weight: 300;
}