#wrapper {
	position: fixed; 
	top: -50%; 
	left: -50%; 
	width: 200%; 
	height: 200%;
}
img[usemap] {
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	margin: auto; 
	min-width: 50%;
	min-height: 50%;
	z-index: 2; /* Ensure it's on top of the background */
}
@media only screen and (min-width: 1561px) {
	#wrapper {
		width: 100%;
		left: 0;
	}
}
@media only screen and (min-width: 1301px) and (max-width: 1560px) {
	#wrapper  {
		width: 100%;
		left: 0;
	}
	img[usemap]  {
		max-width: 1560px;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1300px) {
	#wrapper  {
		width: 100%;
		left: 0;
	}
	img[usemap]  {
		max-width: 1300px;
	}
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
	#wrapper  {
		width: 110vw;
		left: 0;
	}
	img[usemap]  {
		max-width: 110vw;
	}
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
	#wrapper {
		max-height: 100vh;
        left: -50%;
        bottom: 0;
        top: auto;
	}
	img[usemap]  {
		max-width: 120vh;
        transform: rotate(-90deg);
	}
	
}
@media only screen and (max-width: 550px) and (orientation: portrait) {
	img[usemap]  {
		max-width: 100vh;
	}
	
}
@media only screen and (max-width: 430px) and (min-height: 700px) and (orientation: portrait) {
	#wrapper {
		left: -60%;
	}
	
}
@media only screen and (max-width: 350px) and (min-height: 800px) and (orientation: portrait) {
	#wrapper {
		left: -80%;
	}
	
}