html{height:100%;width:100%;background:#DFDAB1;}
html,body{
	margin:0;
	padding:0;
	text-align:center;
	body{font-family: 'Roboto Condensed', sans-serif;background:transparent;color:#111;font-size:14px;height:100%;width:100%}
	p{font-size:14px;line-height:21px;margin-bottom:12px;color:#2E4E3E;}
}

#canvas-game{
	margin:0 auto;
	text-align:left;
	width:640px;
	margin-top:20px;
	border:Solid 1px #ebe5e5;
	height:480px;
	position:absolute;
}

.bold-text{
	font-weight:bold;
}

.clear{
	clear:both;
}

.box-picture{
	float:left;
	padding:10px;
	width:100px;
	height:100px;
	border:solid 1px #ebe5e5;
        display:none;
}

.box-picture > img{
	width:100px;
	height:100px;
}



/**** IF SCREEN SIZE IS NO LARGER THAN 640px ****/
@media (max-width: 640px) {
	#myCanvas{
		width:400px;
		height:300px;
	}
	
/**** IF SCREEN SIZE IS NO LARGER THAN 320px ****/
@media (max-width: 320px) {
	#myCanvas{
		width:240px;
		height:180px;
	}
}