/* aside */
#aside {
	border1:px red solid;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover; }

#aside #aside-inner {
	height:480px;
	margin:0 auto;
	position: relative; }

#aside  #aside-inner h2 {
	position: absolute;
	line-height:48px;
	top:20px;
	left:0;
	font-size:38px;
	color:#ffffff;
	padding:15px 50px 15px;
	margin:0 auto;
	background-color:#000000;
	background-color:rgba(0, 0, 0, 0.3);
	display:block; }

@media screen and (min-width: 1281px) {
	#aside #aside-inner { width:1280px; }
	#aside {
		background-size:auto 100%;
		-moz-background-size:auto 100%;
		-webkit-background-size:auto 100%;
		-o-background-size:auto 100%;
		-ms-background-size:auto 100%;
		height:480px;
	}
}

@media screen and (max-width: 1280px) and (min-width: 1081px) {
	#aside #aside-inner { width:100vw; }
	#aside,
	#aside #aside-inner {
		height:37.5vw; }
}
@media screen and (max-width: 1080px) and (min-width: 641px) {
	#aside #aside-inner { width:100vw; }
	#aside,
	#aside #aside-inner {
		width:1080px;
		height:405px; }
}

@media screen and (max-width: 640px) {
	#aside #aside-inner h2 { visibility:hidden; }
	#aside #aside-inner { width:640px; }
	#aside,
	#aside #aside-inner {
		width:640px;
		height:240px; }
	#aside  #aside-inner h2 {
		line-height:28px;
		top:10px;
		font-size:32px;
		color:#ffffff;
		padding:20px 30px 10px;
		display:block; }

}