#scroller {
	position: relative;
	background-color:#000000;
}
#scroller .innerScrollArea {
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#scroller ul {
	padding: 0;
	margin: 0;
	position: relative;
}
#scroller li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: absolute;
}
#scroller #logo {
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
}

#scroller-gradient {
	position:absolute;
	top:0;left:0;
	height:100%;
	width:100%;
	background:linear-gradient(to right, rgba(236,236,236,1) 25%, rgba(0,0,0,0));	
}

#scroller-gradient img {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left:5%;
}

@media screen and (min-width:1000px) {
	#scroller-gradient img {
		max-height:60%;
		max-width:60%;
	}
}

@media screen and (max-width:999px) {
	#scroller-gradient img {
		max-height: 80%;
		max-width:90%;
	}
}

/*
@media screen and (min-width:801px) {
	#scroller {
		height:300px;
	}
	#scroller .innerScrollArea li img {
		height:300px;
	}
}
@media (min-width:500px) and (max-width:800px){
	#scroller {
		height:200px;
	}
	#scroller .innerScrollArea li img {
		height:200px;
	}
}
@media screen and (max-width:500px) {
	#scroller {
		height:150px;
	}
	#scroller .innerScrollArea li img {
		height:150px;
	}
*/
}