#mxbody {
	background-repeat: no-repeat;
	background-size: 85%;
	background-image: url("images/mxbody.png");
	margin-bottom: -40% !important;
	overflow: hidden;
}
#uid {
	float: left;
	margin-left: 1%;
	margin-top: 1%;
	text-align: center;
	font-size: 1.5em;
	font-family: Times;
}
#mxarm {
	background-image: url("images/mxarm.png");
	background-size: 5.5%;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0 !important;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.42,0,0.78,1);
}
#mxarmhit {
	background-image: url("images/mxarmhit.png");
        background-size: 5.5%;
        background-repeat: no-repeat;
        overflow: hidden;
	height: 100%;
	width: 100%;
	position: absolute;
	opacity: 0;
}
.center {
	position: absolute; 
        top: 0; 
        bottom: 0; 
        left: 0; 
        right: 0; 
        margin: auto;
	background-position: center;
}

/* Smartphone Portrait and Landscape */
  @media only screen
    and (max-device-width : 800px) {
	#mxbody {
		background-image: url("images/mxbody-min.png");
	}
	#mxarm {
		background-image: url("images/mxarm-min.png");
	}
	#mxarmhit {
                background-image: url("images/mxarmhit-min.png");
        }	
}