@charset "utf-8";

#gallery {
	position:absolute;
	top:80px;
	background-color:rgba(0,0,0,.8);
	padding:20px;
	bottom:90px;
	overflow:auto;
}

#gallery #desc {
	font-size:56px;
	color:#FFF;
	text-align:center;
}

@media (min-width: 881px) {
	.iframe {
		width:840px;
		height:2900px;
	}
	#gallery {
		width:840px;
		left:50%;
		margin-left:-440px;
	}
}
@media (min-width: 601px) and (max-width: 880px) {
	#gallery {
		width:560px;
		height:1700px;
		overflow:hidden;
		left:50%;
		margin-left:-300px;
	}
	.iframe {
		margin-left:145px;
		height:6300px;
		width:1680px;
		zoom: 0.5;
		-moz-transform:scale(0.5);
		-moz-transform-origin: 0 0;
		-o-transform: scale(0.5);
		-o-transform-origin: 0 0;
		-webkit-transform: scale(0.5);
		-webkit-transform-origin: 0 0;
	}
}
@media (max-width:600px) {
	#gallery {
		width:calc(100% - 40px);
		height:1700px;
		overflow:hidden;
		zoom:.7;
	}
	.iframe {
		height:6300px;
		width:2400px;
		zoom: 0.5;
		-moz-transform:scale(0.5);
		-moz-transform-origin: 0 0;
		-o-transform: scale(0.5);
		-o-transform-origin: 0 0;
		-webkit-transform: scale(0.5);
		-webkit-transform-origin: 0 0;
	}
}