@charset "UTF-8";
/* CSS Document */

#main .row-content{background-color:rgba(255,255,255,0.5);}

#box-l {
	position: absolute;
	width: 10vw;
	margin: 0 auto;
	overflow: hidden;
	background-size: 80px 80px;
	left: 2em;
	top:10em;
	background-color: rgba(255,255,255,0);
}
#box-r {
	position: absolute;
	width: 10vw;
	margin: 0 auto;
	overflow: hidden;
	right: 2em;
	top:8em;
	background-color: rgba(255,255,255,0);
}

.mini{height: 300vh;min-height:2500px;}
.short{height: 350vh;min-height:3000px;}
.middle{height: 470vh;min-height:4500px;}
.long{height: 550vh;min-height:7800px;}

#box-l img, #box-r img {
	position: absolute;
	width: auto;
	height: auto;
	max-height: 100px;
	max-width: 100px;
	opacity:0.3;
}

@media screen and (min-width: 480px) and (max-width: 1400px) {
#box-l img, #box-r img {opacity:0.3;}
}

@media screen and (min-width: 0px) and (max-width: 480px) {
	#box-l img, #box-r img {
	width: auto;
	height: auto;
	max-height: 100px;
	max-width: 100px;
	opacity:0.3;
	}
	#box-l{width: 40vw;left:0px;}	
	#box-r{width: 40vw;right:0px;}	
	.mini{height: 350vh;min-height:2000px;}
	.short{height: 700vh;min-height:2000px;}
	.middle{height: 750vh;min-height:2000px;}
	.long{height: 1300vh;min-height:2000px;}
    
}