.one .cubecontent {
	width: 100%;
	height: 100%;
	position: relative;
}

.one .cubecontent .brandidentity {
	position: absolute;
	width: 100%;
	height: 100%;
	background: white;
	z-index: 2;

	-webkit-transition: all 2.0s ease-in-out;
	-webkit-transform-origin: 50% 50% -560px;
	
	-moz-transition: all 2.0s ease-in-out;
	-moz-transform-origin: 50% 50% -560px;

	-o-transition: -o-transform 2.0s;
	-o-transform-origin: 50% 50% -560px;
	
	transition: all 2.0s ease-in-out;
	transform-origin: 50% 50% -560px;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.one .cubecontent .placeholder {
	position: absolute;
	width: 100%;
	height: 100%;
	background: white;
	z-index: 1;

	-webkit-transition: all 2.0s ease-in-out;
	-webkit-transform-origin: 50% 50% -560px;
	-webkit-transform: rotateX(90deg);

	-moz-transition: all 2.0s ease-in-out;
	-moz-transform-origin: 50% 50% -560px;
	-moz-transform: rotateX(90deg);

	-o-transition: all 2.0s ease-in-out;
	-o-transform-origin: 50% 50% -560px;
	-o-transform: rotateX(90deg);
	
	transition: all 2.0s ease-in-out;

	transform-origin: 50% 50% -560px;
	transform: rotateX(90deg);

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.one .cubecontent .brandimage {
	position: absolute;
	width: 100%;
	height: 100%;
	background: white;
	z-index: 1;

	-webkit-transition: all 2.0s ease-in-out;
	-webkit-transform-origin: 50% 50% -560px;
	-webkit-transform: rotateX(180deg);

	-moz-transition: all 2.0s ease-in-out;
	-moz-transform-origin: 50% 50% -560px;
	-moz-transform: rotateX(180deg);

	-o-transition: all 2.0s ease-in-out;
	-o-transform-origin: 50% 50% -560px;
	-o-transform: rotateX(180deg);
	
	transition: all 2.0s ease-in-out;

	transform-origin: 50% 50% -560px;
	transform: rotateX(180deg);

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.two .cubecontent .brandidentity {
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

.two .cubecontent .placeholder {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.two .cubecontent .brandimage {
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
}

.three .cubecontent .brandidentity {
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	-o-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.three .cubecontent .placeholder {
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

.three .cubecontent .brandimage {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.placeholder {
	width: 100%;	
	background: black;
	heigth: 100%;
}

.brandidentity,.brandimage {
	text-align: center;
}

#cube {
    height: 100%;
    width: 100%;
    overflow: hidden;
}