#box {
	width: 100%;
	height: 100%;
	min-height: 900px;
	border: 10px solid #A0522D;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 10px;
}


.image1 {
	width: 140px;
}
.image {
	z-index: 1;
}
.image>.image1:hover {
	transform: scale(2.7) translate(0px, 50px);
	transition: all 0.3s linear 0.3s;
	border: 1px solid #25A0E3;
}

.image2 {

	width: 140px;
}
.image>.image2:hover {
	transform: scale(2.7) translate(-20px, 60px);;
	transition: all 0.3s linear 0.3s;
	border: 1px solid #25A0E3;
}
.btn-paint {
	display: none !important;
}
#canvas {
	position: relative;
	left: 0px;
	border: 1px solid #ccc;	
	width: 100%;
	height: 100%;
}


@media (max-width: 640px) { 
.image>.image1:hover {
	transform: scale(2) translate(30px, 40px);
	transition: all 0.3s linear 0.3s;
	border: 1px solid #25A0E3;
} 
.image>.image2:hover {
	transform: scale(2) translate(30px, 50px);;
	transition: all 0.3s linear 0.3s;
	border: 1px solid #25A0E3;
}
table {
font-size: 0.75em;
}
#box {
	border: 7px solid #A0522D;
}
#canvas {
	position: relative;
	left: 0px;
	border: 1px solid #ccc;	
}
}