.container {
    max-width: 1100px;
    position: relative;
}
.title_centered {
    margin: -40px 0;
}
.title_centered h1{
    margin: -10px 0 0 0;

}

#c708 {
    position: absolute;
    top: 209px;
    left: 80%;
    z-index: 1;
}


.wrap {
    perspective: 800px;
    perspective-origin: 10% 100px;
   /* width: 1200px;*/
    position: absolute;
    top: 250px;
    left: 80%;
    z-index: 11;
  }

  .cube {
	position: relative;
	width: 100px;
    transform-style: preserve-3d;
    cursor: pointer;
}

.cube div {
	position: absolute;
	width: 100px;
	height: 100px;
  border: 1px solid #fff;
  background: #e0313c;
  opacity: 0.8;
  text-align: center;
  line-height: 100px;
  color: white;
}
.back {
	transform: translateZ(-50px) rotateY(180deg);
}
.right {
	transform: rotateY(-270deg) translateX(50px);
	transform-origin: top right;
}
.left {
	transform: rotateY(270deg) translateX(-50px);
	transform-origin: center left;
}
.top {
	transform: rotateX(-90deg) translateY(-50px);
	transform-origin: top center;
}
.bottom {
	transform: rotateX(90deg) translateY(50px);
	transform-origin: bottom center;
}
.front {
	transform: translateZ(50px);
}

@keyframes spin {
	from { transform: rotateY(45deg); }
    to { transform: rotateY(360deg); }
}

@keyframes rotate {
  100% {
    transform: rotateX(0deg) rotateY(360deg) rotateZ(360deg);
  }
}

.cube {
	animation: rotate 10s infinite linear;
}


.tx-powermail .powermail_fieldwrap_type_submit {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .hamburger.open span {
        background: #000000;
    }
    
    .wrap {
        top: 190px;
        left: 73%;
    }

  .cube {
    width: 50px;
    font-size: 14px;
}

.cube div {
	width: 50px;
	height:50px;
  line-height: 50px;
}
    .back {
        transform: translateZ(-25px) rotateY(180deg);
    }
    .right {
        transform: rotateY(-270deg) translateX(25px);
        transform-origin: top right;
    }
    .left {
        transform: rotateY(270deg) translateX(-25px);
        transform-origin: center left;
    }
    .top {
        transform: rotateX(-90deg) translateY(-25px);
        transform-origin: top center;
    }
    .bottom {
        transform: rotateX(90deg) translateY(25px);
        transform-origin: bottom center;
    }
    .front {
        transform: translateZ(25px);
    }
  }