#toplayer
{
	top:0px;
	left:0px;
	width:1084px;
	height:1366px;
	z-index: 999999;
	opacity:0.5;
	background: black;
	display:none;
	position:absolute;
}




.heading
			{
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				background-color: #019cd4;
			}
			.upperheading
			{
				font-size:26px;
				padding-left: 9%;
				margin-top:5px;
				margin-bottom:0px;
				color:#3398cc;
				font-family: sans-serif;
			}
			.lowerheading
			{
				font-size:24px;
				text-align:center;
				margin-top:1%;
				margin-bottom:0px;
				padding-top: 2%;
				font-family: sans-serif;
				color:white;
			}
			
		
		
			
			
			
			.door
			{
				-webkit-tap-highlight-color: rgba(0,0,0,0);
			}
			.zoom
			{
				-webkit-tap-highlight-color: rgba(0,0,0,0);
			}
			.gameover
			{
			    position:absolute;
			     font-size:20px;
				 font-weight:bold;
				 padding: 10px;
				left:45%;
				top:100px;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				border-bottom-left-radius: 10px;
				border-bottom-right-radius: 10px;
				border-radius:10px;
				font-family: sans-serif;
				background-color:white;
				display:none;
				z-index:1000;
			}
			img
			{
			 -webkit-touch-callout: none;
         -webkit-user-select: none;
          -khtml-user-select: none;
           -ms-user-select: none;
            user-select: none;

			}
			div
			{
			 -webkit-touch-callout: none;
           -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
             user-select: none;
			}
			.door
			{
			 -webkit-touch-callout: none;
           -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
             user-select: none;
			 border:none;
			}
			 #holecontainer
			 {
			-webkit-touch-callout: none;
          -webkit-user-select: none;
           -khtml-user-select: none;
            -moz-user-select: none;
           -ms-user-select: none;
              user-select: none;

			 }
  
 
  @media (max-device-width: 768px) and (orientation: portrait) { 
   body
  {
-webkit-transform:scale(0.75,0.75);
-webkit-transform-origin: 50px ;
 }
 
 #holecontainer
 {
 position:absolute;
 left:-20px;
 }

#toplayer
{
	top:-50px;
	left:-50px;
	width:1084px;
	height:1366px;
	

}

 
}
@media (max-device-width: 1024px) and (orientation: landscape) { 
	
	#toplayer
{
	top:0px;
	left:0px;
	width:1024px;
	height:768px;
}
	


	
}