/* GEAR ANIMATION */

#gears {
	background-image: url("../images/anim-gear-bg.jpg");
	position:relative;
	overflow:hidden;
	background-size: auto;
    background-repeat: no-repeat;
    background-position: left center;
    width: 100%;
    height: 560px;
    /* padding-top: 66.64%; (img-height / img-width * width) */
}
#gear-big {
	z-index: 9;
	position:absolute;
	top:-100px;
	left:48px;
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
    transform: rotate(5deg);
}
#gear-small {
	z-index: 8;
	position:absolute;
	top:52px;
	left:730px;
}
#gear-big-shadow {
	z-index: 7;
	position:absolute;
	top:-90px;
	left:48px;
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);
}
#gear-small-shadow {
	z-index: 6;
	position:absolute;
	top:62px;
	left:730px;
}
#gear-frame {
	z-index: 10;
	position:absolute;
	top:-125px;
	left:0px;
}
#gear-top-shadow {
	z-index: 11;
	position:absolute;
	top:0px
	left:0px;
}

/* COFFEE ANIMATION */

#coffee {
	background-image: url("../images/anim-coffee-bg.jpg");
	position:relative;
	overflow:hidden;
	background-size: auto;
    background-repeat: no-repeat;
    background-position: left center;
    width: 100%;
    height: 560px;
    /* padding-top: 66.64%; (img-height / img-width * width) */
}
#coffee-pen {
	z-index: 9;
	position:absolute;
	top:-340px;
	left:-90px;
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
    transform: rotate(5deg);
}
#coffee-cup {
	z-index: 8;
	position:absolute;
	top:0px;
	left:1100px;
	-ms-transform: rotate(-70deg); /* IE 9 */
    -webkit-transform: rotate(-70deg); /* Chrome, Safari, Opera */
    transform: rotate(-70deg);
}