@media only screen and (max-device-width: 640px)  {

 .bigbutton{
	width:220px;
	margin:10px auto;
	min-height:40px;
	line-height:40px;
	font-size:20px;
}
.destra,
.sinistra
{	
	cursor:pointer;
	width:40px;
	height:40px;
}
.settingtext{
	line-height:40px;
	font-size:16px;
	text-align:center;
}

.description{
	line-height:40px;
	font-size:16px;
	text-align:center;
}

.myrow{
	text-align:center;
}

.midline{
	display:block;
}

	.parolaincella{
		line-height:80px;
		font-size:12px;
		text-transform:uppercase;
	}
	
			.inizialeincella{
		line-height:80px;
		font-size:30px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
		.imgincella{
	margin:10px;
	height:60px;
	width:60px;
	}
	
		.rigagioco{
		width:240px;
		height:80px;
		margin:0px;
		display:inline-block;
	}
	
		.gamerow{
		height:80px;
	}
		.cella{
		width:80px;
		height:80px;
		float:left;
		border:3px solid lightgrey;
		background-color:white;
	}
	
	.esito{
	width:30px;
	height:30px;
	display:inline-block;
	text-align:center;
	border:1px solid grey;
	background-size:contain;

}

.playerrow{
	padding:5px;
	font-size:12px;
}

.playername{
	font-size:18px;
	margin:8px;
}
				   }


@media only screen  and (min-device-width: 641px) 
{
	
.playername{
	font-size:24px;
	width:70%;
	margin:20px;
	text-align:center;
	border:0px solid black;
}


	.parolaincella{
		line-height:150px;
		font-size:16px;
		text-transform:uppercase;
	}
		.inizialeincella{
		line-height:150px;
		font-size:70px;
		font-weight:bold;
		text-transform:uppercase;
	}
	.imgincella{
	margin:20px;
	height:110px;
	width:110px;
	}
	
	.gamerow{
		height:150px;
	}
	
	.rigagioco{
		width:450px;
		height:150px;
		margin:0px;
		display:inline-block;
	}
	
	.cella{
		width:150px;
		height:150px;
		float:left;
		border:3px solid lightgrey;
		background-color:white;
	}
	
	.midline{
	display:none;
}
	
.settingtext{
	line-height:60px;
	font-size:24px;
		text-align:center;

}

.description{
	line-height:60px;
	font-size:24px;
}

.destra,
.sinistra
{	
	cursor:pointer;
	width:60px;
	height:60px;
}
.bigbutton{
	min-width:300px;
	margin:30px auto;
	min-height:50px;
	line-height:50px;
	font-size:32px;
}

.esito{
	width:50px;
	height:50px;
	display:inline-block;
	text-align:center;
	border:1px solid grey;

}

}

body{
	background-image:url('../img/wp.png');
}

.page{
	background-color:white;
	padding:20px;
}

.cella{
	cursor:pointer;
}

#game{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#05abe0+0,53cbf1+60,87e0fd+100 */
background: #05abe0; /* Old browsers */
background: -moz-linear-gradient(top,  #05abe0 0%, #53cbf1 60%, #87e0fd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #05abe0 0%,#53cbf1 60%,#87e0fd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #05abe0 0%,#53cbf1 60%,#87e0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#87e0fd',GradientType=0 ); /* IE6-9 */
padding-bottom:0px;
border-bottom:2px solid black;
}

.highlight{
	background-color:yellow;
}

#firstplayer{
	color:blue;
	border-bottom:2px solid blue;
}

#secondplayer{
	color:red;
	border-bottom:2px solid red;
}

#thirdplayer{
	color:green;
	border-bottom:2px solid green;
}

#fourthplayer
{
	color:orange;
	border-bottom:2px solid orange;
}

.playerpoints{
	font-weight:bold;
}

#player_0,
#player_0_points{
	color:blue;
	text-align:left;
}

#player_1,
#player_1_points{
	color:red;
	text-align:left;
}

#player_2,
#player_2_points{
	color:green;
	text-align:left;
}

#player_3,
#player_3_points{
	color:orange;
	text-align:left;
}

#error{
	color:red;
}

#esempio{
	max-width:70%;
	border:3px solid black;
}

#topbar{background-color:white;
		margin-bottom:20px;}
		
#tabellone{
	margin-bottom:20px;
}

.verde{
	background-color:green;
}

.red{
	background-color:red;
}



#esitibar{
	background-color:white;
	text-align:center;
}
.target{
	background-size:cover;
	background-image:url("../img/target.png");
}

.current_target{
	background-image:url("../img/current.png");
}

.esito_positivo{
	background-image:url("../img/giusto.png");
}

.esito_negativo{
	background-image:url("../img/sbagliato.png");
}

.selectedplayer{
	border:2px solid black;
	background-color:yellow;
}