.workspace {
	width: 40%;
	margin: auto;
	text-align: center;
}

.upscale-buttons-2,
.upscale-buttons {
	width: 30%;
	border: 2px solid #777;
	border-radius: 10px;
	background: #222;
}

.whatsimagr h2 {
	font-size: 22px !important;
}

.upscale-buttons {
	width: 55%;
}

.upscale-buttons-2 {
	width: 30%;
}

@media (max-width: 1200px) {
	.upscale-buttons {
		width: 70%;
	}

	.upscale-buttons-2 {
		width: 60%;
	}

	.workspace {
		width: 65%;
	}
}

@media (max-width: 600px) {
	.upscale-buttons {
		width: 90%;
	}

	.upscale-buttons-2 {
		width: 100%;
	}

	.workspace {
		width: 90%;
	}
}

/*	IMAGR WORKSPACE	*/

#image-port {
	position: relative !important;
	margin: 0px auto 20px auto !important;
}

.loader {
	width: 90px;
	height: 90px;
	left: 45%;
	top: 40%;
}

.imagr-workspace {
	padding: 40px 1% 1% 1%;
	width: 80%;
	margin: auto;
	border: 2px solid #00C4CC;
	background: #fff;
}

.canvas {
	overflow: hidden;
	position: relative;
	background: transparent !important;
}

.imagr-img {
	transition: all 0.4s ease;
	cursor: move;
	display: block;
	position: relative;
	margin: auto;
}

.imagr-col-6 {
	overflow: hidden;
	margin: auto;
	text-align: center;
}

@media (max-width: 991px) {
	.imagr-workspace {
		width: 97%;
	}

	.imagr-workspace {
		padding: 1% 1%;
	}

	.reset-position {
		display: none;
	}
}