#Cooling {
	background-color:#000;
	background-image:url(../images/04_Cooling-100.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	min-height:800px;
	position:relative;
	overflow:hidden;
}
#Cooling .table .cell {
	vertical-align: top;
}
#Cooling #Cooling_arrow {
	background-image:url(../images/arrow-100.png);
	background-position:center;
	background-repeat:no-repeat;
	width:1920px;
	height:1080px;
	left:50%;
	margin-left:-960px;
	position:absolute;
	top:-100px;
	animation:arrow_100 1s linear infinite /*alternate*/;
	-webkit-animation:arrow_100 1s linear infinite /*alternate*/;
}
@keyframes arrow_100 
{
	0% { top:-100px; }
	50% { top:-300px; opacity:0; }
	100% { top:-300px; opacity:0; }
}
@-webkit-keyframes arrow_100
{
	0% { top:-100px; }
	50% { top:-300px; opacity:0; }
	100% { top:-300px; opacity:0; }
}

@media screen and (max-width: 1500px) {
}
@media screen and (max-width: 1000px) {
	#Cooling {
		background-image:url(../images/04_Cooling-80.jpg);
		background-position:50% 50%;
		min-height:650px;
	}
	#Cooling #Cooling_arrow {
		background-image:url(../images/arrow-80.png);
		width:1536px;
		height:864px;
		margin-left:-768px;
		top:-50px;
		animation:arrow_80 1s linear infinite /*alternate*/;
		-webkit-animation:arrow_80 1s linear infinite /*alternate*/;
	}
	
	@keyframes arrow_80 
	{
		0% { top:-50px; }
		50% { top:-200px; opacity:0; }
		100% { top:-200px; opacity:0; }
	}	
	
	@-webkit-keyframes arrow_80
	{
		0% { top:-50px; }
		50% { top:-200px; opacity:0; }
		100% { top:-200px; opacity:0; }
	}
}
@media screen and (max-width: 800px) {
	#Cooling {
		background-image:url(../images/04_Cooling-60.jpg);
		background-position:50% 0%;
		min-height:600px;
	}
	#Cooling #Cooling_arrow {
		background-image:url(../images/arrow-60.png);
		width:1152px;
		height:648px;
		margin-left:-576px;
		top:0px;
		animation:arrow_60 1s linear infinite /*alternate*/;
		-webkit-animation:arrow_60 1s linear infinite /*alternate*/;
	}	
	#Cooling .frame{
		padding-top:0;
	}
	@keyframes arrow_60 
	{
		0% { top:-30px; }
		50% { top:-130px; opacity:0; }
		100% { top:-130px; opacity:0; }
	}	
	
	@-webkit-keyframes arrow_60
	{
		0% { top:-30px; }
		50% { top:-130px; opacity:0; }
		100% { top:-130px; opacity:0; }
	}
}
@media screen and (max-width: 500px) {
	#Cooling {
		background-image:url(../images/04_Cooling-40.jpg);
		background-position:50% 100px;
		min-height:500px;
	}
	#Cooling #Cooling_arrow {
		background-image:url(../images/arrow-40.png);
		width:768px;
		height:432px;
		margin-left:-384px;
		top:100px;
		animation:arrow_40 1s linear infinite /*alternate*/;
		-webkit-animation:arrow_40 1s linear infinite /*alternate*/;
	}	
	
	@keyframes arrow_40 
	{
		0% { top:100px; }
		50% { top:20px; opacity:0; }
		100% { top:20px; opacity:0; }
	}	
	
	@-webkit-keyframes arrow_40
	{
		0% { top:100px; }
		50% { top:20px; opacity:0; }
		100% { top:20px; opacity:0; }
	}	
}
@media screen and (max-width: 360px) {
	#Cooling {
		background-image:url(../images/04_Cooling-40.jpg);
		background-position:50% 180px;
		min-height:580px;
	}
	#Cooling #Cooling_arrow {
		background-image:url(../images/arrow-40.png);
		width:768px;
		height:432px;
		margin-left:-384px;
		top:180px;
		animation:arrow_40 1s linear infinite /*alternate*/;
		-webkit-animation:arrow_40 1s linear infinite /*alternate*/;
	}	
	
	@keyframes arrow_40 
	{
		0% { top:180px; }
		50% { top:100px; opacity:0; }
		100% { top:100px; opacity:0; }
	}	
	
	@-webkit-keyframes arrow_40
	{
		0% { top:180px; }
		50% { top:100px; opacity:0; }
		100% { top:100px; opacity:0; }
	}	


}