/* GLOBALS */

body {
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Roboto Medium", "Arial";
	background:transparent;
}


/* GLOBALS END */

::selection {color:currentColor;background:transparent}

*{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*******************************/
/* GAME */
/*******************************/

#newGameContainer.notransparent{
	background-color:#8DA641;
	background-image:url(default_images/bg.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
}
#wrongOrientationContent{
	background-color: #8DA641;
}
#startScreen .openImg{
	background-size: auto;
	background-position: center 20%;
}
#gameFunctions{top: 20%;}
#myData{
	position:absolute;
	top:0px;
	right:0px;
	padding:5px;
	font-size:16px;
	color:#FFFFFF;
	font-family:Comfortaa Regular;
	background:rgba(0,0,0,0.3);
}

#myData div{
	width:50px;
	height:50px;
	float:left;
	background-color:rgba(255,255,255,0);
	background-position:center center;
	background-size:50px auto;
}


#gameStage{
	position: absolute;
	z-index: 510;
	width: 100%;
	height: 100%;
}

#fruitcont{
	width:500px;
	height:350px;
	position:absolute;
	z-index:1;
	text-align:center;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -175px;
	background-color: #9CD7E9;
	border: 8px solid #FFFFFF;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
#fruitcont img{
	width: 90%;
	height: auto;
}
#puspus{
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	background-image: url('images/puspus.png');
	background-position: center 50%;
	background-repeat: no-repeat;
	background-size: auto;
}
#counter_2 .counterNumbers{font-size: 17px;}

@media only screen and (min-width: 480px) and (max-width: 799px) {

	#startScreen .openImg{
		background-size: 50% auto;
	}
	#gameStage{
		position:fixed;
		width:auto;
		height:auto;
		top:0px;
		left:0px;
		right:80px;
		bottom:0px;
	}
	#fruitcont{
		width: 80%;
		height: 80%;
		top: 10%;
		left: 10%;
		margin: 0;
	}
	#puspus{
		width:100%;
		height:100%;
	}
	#counter_2 .counterNumbers{font-size: 12px;}
}
@media only screen and (min-width: 480px) and (max-width: 799px) and (max-height: 260px) {
	.counterBox{height: 45px;}
	.counterLabel{top: 25px;}
}