@media only screen and (max-width :960px) {
#about {
	width: 800px;
	height: 500px;
    line-height:500px;
}
/*   faces size   */
#about .front, #about .back {
	width: 800px;
	height: 500px;
}
#about .right, #about .left {
	width: 150px;
	height: 500px;
}
#about .top, #about .bottom {
	width: 800px;
	height: 150px;
}
#about .right {
	transform: rotateY(90deg) translateZ(725px);
	-webkit-transform: rotateY(90deg) translateZ(725px);
	-moz-transform: rotateY(90deg) translateZ(725px);
	-ms-transform: rotateY(90deg) translateZ(725px);
	-o-transform: rotateY(90deg) translateZ(725px);
}
#about .bottom {
	transform: rotateX(-90deg) translateZ(425px);
	-webkit-transform: rotateX(-90deg) translateZ(425px);
	-moz-transform: rotateX(-90deg) translateZ(425px);
	-ms-transform: rotateX(-90deg) translateZ(425px);
	-o-transform: rotateX(-90deg) translateZ(425px);
}
#about_content {
	font-size: 25px;
}
#about svg {
    left: 20px;
	top: 20px;
	width: 175px;
	height: 80px;
}
}

@media only screen and (max-width :720px) {
#about {
	width: 600px;
	height: 500px;
}
/*   faces size   */
#about .front, #about .back {
	width: 600px;
	height: 500px;
}
#about .right, #about .left {
	width: 150px;
	height: 500px;
}
#about .top, #about .bottom {
	width: 600px;
	height: 150px;
}
#about .right {
	transform: rotateY(90deg) translateZ(325px);
	-webkit-transform: rotateY(90deg) translateZ(525px);
	-moz-transform: rotateY(90deg) translateZ(325px);
	-ms-transform: rotateY(90deg) translateZ(325px);
	-o-transform: rotateY(90deg) translateZ(325px);
}
#about_content {
	font-size: 22px;
}
#about svg {
    left: 20px;
	top: 20px;
	width: 125px;
	height: 40px;
}
}

@media only screen and (max-width :480px) {
#about {
	width: 400px;
	height: 500px;
}
/*   faces size   */
#about .front, #about .back {
	width: 400px;
	height: 500px;
}
#about .right, #about .left {
	width: 150px;
	height: 500px;
}
#about .top, #about .bottom {
	width: 400px;
	height: 150px;
}
#about .right {
	transform: rotateY(90deg) translateZ(325px);
	-webkit-transform: rotateY(90deg) translateZ(325px);
	-moz-transform: rotateY(90deg) translateZ(325px);
	-ms-transform: rotateY(90deg) translateZ(325px);
	-o-transform: rotateY(90deg) translateZ(325px);
}
#about .bottom {
	transform: rotateX(-90deg) translateZ(425px);
	-webkit-transform: rotateX(-90deg) translateZ(425px);
	-moz-transform: rotateX(-90deg) translateZ(425px);
	-ms-transform: rotateX(-90deg) translateZ(425px);
	-o-transform: rotateX(-90deg) translateZ(425px);
}
#about_content {
	font-size: 19px;
}
}