@media only screen and (max-width :960px) {
}

@media only screen and (max-width :720px) {
.content_social {
    height:850px;
}
#social {
    margin-bottom:5%;
}
}

@media only screen and (max-width :480px) {
.container_info {
	width: 400px;
	height: 50px;
}
.info {
	width: 400px;
	height: 50px;
}
.container_info input {
	width: 380px;
	height: 50px;
}
#field textarea {
	width: 380px;
}
/*   faces size   */

.info .front, .info .back {
	width: 400px;
	height: 50px;
}
.info .right, .info .left {
	width: 150px;
	height: 50px;
}
.info .top, .info .bottom {
	width: 400px;
	height: 150px;
}
/*   faces positions   */

.info .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);
}
.container_field {
	width: 400px;
	height: 250px;
}
#field {
	width: 400px;
	height: 250px;
}
/*   faces size   */

#field .front, #field .back {
	width: 400px;
	height: 250px;
}
#field .right, #field .left {
	width: 150px;
	height: 250px;
}
#field .top, #field .bottom {
	width: 400px;
	height: 150px;
}
/*   faces positions   */


#field .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);
}
}
@media only screen and (max-device-width :960px) {
.container_social {
	margin: 2% 2% 10% 2%;
}
.container_mail {
	margin: 2%;
}
}

@media only screen and (max-device-width :720px) {
.container_social {
	margin: 2% 2% 15% 2%;
}
}

@media only screen and (max-device-width :480px) {
.container_social {
	margin: 2% 2% 15% 2%;
}
.container_info {
	width: 400px;
	height: 50px;
}
.info {
	width: 400px;
	height: 50px;
}
.container_info input {
	width: 380px;
	height: 50px;
}
#field textarea {
	width: 380px;
}
/*   faces size   */

.info .front, .info .back {
	width: 400px;
	height: 50px;
}
.info .right, .info .left {
	width: 150px;
	height: 50px;
}
.info .top, .info .bottom {
	width: 400px;
	height: 150px;
}
/*   faces positions   */

.info .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);
}
.container_field {
	width: 400px;
	height: 250px;
}
#field {
	width: 400px;
	height: 250px;
}
/*   faces size   */

#field .front, #field .back {
	width: 400px;
	height: 250px;
}
#field .right, #field .left {
	width: 150px;
	height: 250px;
}
#field .top, #field .bottom {
	width: 400px;
	height: 150px;
}
/*   faces positions   */


#field .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);
}
}