compatibility.css

				/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 300px) and (max-width: 992px) {
	#blue {
		position: fixed;
		top: 54%;
		 left: 20px;
		  width: 38%;
		   height: 33%;
		   zoom: 190%;
		   text-align: center;
	}
	#place {
width: 100%;
 height: 50%;
  top:10px;	
  left: 15px;
  overflow: scroll;
   text-align: center;
		   padding: 15px;
	}
	table {
		zoom: 180%;
	}
	.calendar {
		width: 350px;
		height: 480px;
		position: fixed;
		margin-top: 130%;
		margin-left: 70%;
		zoom: 150%;
	}
	.objList {
		background-color: white;
		position: fixed;
		top: 88%;
		left: 20px; 
		width: 38%;
		zoom: 190%;
		text-align: center;
		height: 7.6%;
	}
	.objList > button {
		border-style: solid;
		border-color: lightgrey;
		background-color: white;
		border-radius: 8px;
		zoom: 190%;
		position: relative;
		top: 20%;
	}
	.objList > button:hover {
		background-color: lightgrey;
		border-color: white;
	}
}


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width:  992px)  {
#blue {
		position: fixed;
		top: 14%;
		 left: 73%;
		  width: 20%;
		   height: 40%;
		   zoom: 100%;
		   text-align: center;
		   padding: 15px;
	}
	#place {
width: 100%;
 height: 100%;
  top:0;	
  left:0;
  position: relative;
  overflow: scroll;
  overflow-x:hidden;
	}
	table {
		zoom: 90%;
		left:0;
		position: relative;
	}
	.calendar {
		width: 350px;
		height: 480px;
		position: fixed;
		top: 37%;
		margin-left:58%;
		zoom: 80%;
	}
	body {
		-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}
	::-webkit-scrollbar {
    width: 15px;
  }
  ::-webkit-scrollbar-track {
    background-color: #343434;
    box-shadow: inset 0 0 2px #343434;
  }
  ::-webkit-scrollbar-thumb {
    background: gold;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: gold;
  }
}