section.content {
	overflow: hidden; /* clear fix */
}

.example {
	position: relative;
	width: 100%;
	padding: 775px 0 40px 0;
	/*-webkit-perspective-origin: 0 0 0;
	-moz-perspective-origin: -100% -100%;
	perspective-origin: 0 0 0;*/
}

.example > .info {
	max-width: 480px;
	margin: 0 auto;
	padding: 0 20px;
}

.example .qube {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	margin: 60px auto 40px auto;
}

.hover-spin .qube {
	-webkit-transition: -webkit-transform 1500ms ease;
	-moz-transition: -moz-transform 1500ms ease;
	transition: transform 1500ms ease;
}

.hover-spin:hover .qube {
	-webkit-transform: rotateY(359deg);
	-moz-transform: rotateY(359deg);
	transform: rotateY(359deg);
}

.spin .qube {
	-webkit-animation: rotateY linear infinite 5s;
	-moz-animation: rotateY linear infinite 5s;
	animation: rotateY linear infinite 5s;
}

@-webkit-keyframes rotateY {
    from {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
    to {
        -webkit-transform: rotateY(359.99deg);
        transform: rotateY(359.99deg);
    }
}

@-moz-keyframes rotateY {
    from {
        -moz-transform: rotateY(0);
        transform: rotateY(0);
    }
    to {
        -moz-transform: rotateY(359.99deg);
        transform: rotateY(359.99deg);
    }
}

@keyframes rotateY {
    from {
        transform: rotateY(0);
    }
    to {
        transform: rotateY(359.99deg);
    }
}

@media screen and (min-width: 680px) {
	.example:nth-child(2n+1) {
		clear: left;
	}
}