/* item-header */
:root {
	--height-small:400px;
	--height-middle:700px;
	--background:rgba(102, 204, 221, 0.9);
}
#item-header {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0 0 20px 0;
}
#item-header .item-image {
	position:relative;
	display:block;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
@media screen and (max-width:959px) {
	#item-header .item-wrap {
		min-height:var(--height-small);
	}
	#item-header .item-image {
		height:var(--height-small);
	}
	#item-header .item-display {
		display:block;
		height:inherit;
		vertical-align:none;
	}
}
@media screen and (min-width:960px) {
	#item-header .item-wrap {
		min-height:var(--height-middle);
	}
	#item-header .item-image {
		height:var(--height-middle);
	}
	#item-header .item-table {
		display:table;
		width:100%;
	}
	#item-header .item-display {
		display:table-cell;
		width:100%;
		height:var(--height-middle);
		vertical-align:middle;
	}
}
#item-header .item-desc {
	display:block;
	text-align:center;
	background:var(--background);
}
#item-header .item-desc h6 {
	font-size:var(--title-small);
	color:var(--white);
	line-height:var(--title-middle);
}
#item-header .item-desc p {
	color:var(--white);
	line-height:var(--title-middle);
	margin-bottom:0;
}
@media screen and (max-width:959px) {
	#item-header .item-desc {
		padding:20px;
	}
}
@media screen and (min-width:960px) {
	#item-header .item-desc {
		padding:30px 40px;
	}
}