#viewport {
	position: absolute;
	width: 100%;
	height: 510px;
	overflow: hidden;
	background-image: url(../img/bannerbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#viewport .smoke {
	position: absolute;
	width: 60px;
	height: 60px;
	background: url('../img/smoke-texture.png') no-repeat;
	bottom: 0px;
	margin-left: auto;
	background-size: 100% auto;
	margin-right: auto;
	left: 0px;
	right: 300px;
}
@media (max-width: 1700px) {
#viewport {
	height: 450px;
}	
}
@media (max-width: 1366px) {
	#viewport {
	height: 380px;
}
#viewport .smoke {
	right: 280px;
}
}
@media (max-width: 1200px) {
#viewport {
	height: 330px;
}
#viewport .smoke {
	right: 260px;
}
}
@media (max-width: 992px) {
#viewport {
	height: 280px;
}
#viewport .smoke {
	right: 240px;
	width: 40px;
	height: 40px;
}
}
@media (max-width: 767px) {
	#viewport {
	height: 240px;
}
#viewport .smoke {
	right: 210px;
	width: 30px;
	height: 30px;
}
}