
.container-game
{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.row-game
{
	width: 80%;
	padding: 0px;
	margin: 0 auto;
}
.content-game
{
	width: 50%;
	background: #791A1D;
	margin: 0 auto;
	text-align: center;
}
.content-game h1
{
	margin: 0;
	padding: 40px 0 0 0;
}
.heading-game
{
    margin: 30px auto;
	color: #fff;
	font-size: 42px;
	font-family: "futura-pt-bold";
}
.gametitle-game
{
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin-top: 0;
	font-family: "futura-pt";
}
.wrapper-game
{
    display: grid;
	width: 400px;
	margin: 0 auto;
	/*background-image: url("images/Muse/Winter21/holiday-2021/bg.png?$staticlink$");*/
	background-image: url("https://www.charleskeith.com/on/demandware.static/-/Library-Sites-CharlesKeith/en_US/images/Muse/Winter21/holiday-2021/images/bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    grid-template-columns: repeat(3,auto);
	height: 408px;
}
.box
{
    width: 112px;
    height: 116px;
    text-align: center;
    margin: 10px;
    padding: 18px 10px;
}
.box img
{
	width: 80px;
	max-width: 80px;
	min-width: 80px;
}
#playButton
{
    width: 200px;
	height: 60px;
	padding: 15px 0;
    margin: 50px auto;
    /*background: url("images/Muse/Winter21/holiday-2021/button.png?$staticlink$");*/
	background: url("https://www.charleskeith.com/on/demandware.static/-/Library-Sites-CharlesKeith/en_US/images/Muse/Winter21/holiday-2021/images/button.png");
	background-size: cover;
	border: none;
	cursor: pointer;
	font-size: 20px;
	font-family: "futura-pt";
	color: #000;
}
#playButton:hover
{
	color: #000;
}
#turnMessage
{
    text-align: center;
    margin: 10px auto 30px;
    font-size: 20px;
	color: #000;
	/*background: url("images/Muse/Winter21/holiday-2021/button.png?$staticlink$");*/
	background: url("https://www.charleskeith.com/on/demandware.static/-/Library-Sites-CharlesKeith/en_US/images/Muse/Winter21/holiday-2021/images/button.png");
	background-size: cover;
	width: 200px;
	height: 62px;
	padding: 15px 0;
	font-family: "futura-pt";
}
#winMessage
{
	display: none;
    text-align: center;
    margin: 10px auto 30px;
    font-size: 20px;
	color: #000;
	/*background: url("images/Muse/Winter21/holiday-2021/button.png?$staticlink$");*/
	background: url("https://www.charleskeith.com/on/demandware.static/-/Library-Sites-CharlesKeith/en_US/images/Muse/Winter21/holiday-2021/images/button.png");
	background-size: cover;
	width: 200px;
	height: 62px;
	padding: 15px 0;
	font-family: "futura-pt";
}
#b1b4b7, #b2b5b8, #b3b6b9, #b1b2b3, #b4b5b6, #b7b8b9, #b1b5b9, #b3b5b7
{
	display: none;
	position: absolute;
}
/*
#b1b4b7 img, #b2b5b8 img, #b3b6b9 img, #b1b2b3 img, #b4b5b6 img, #b7b8b9 img, #b1b5b9 img, #b3b5b7 img
{
	position: absolute;
}
*/
#b1b4b7 img
{
	top: 30px;
	left: 60px;
	height: 350px;
	margin-left: 60px;
	margin-top: 29px;	
}
#b2b5b8 img
{
	top: 30px;
	left: 195px;
	height: 350px;
	margin-left: 193px;
	margin-top: 29px;		
}
#b3b6b9 img
{
	top: 30px;
	left: 330px;
	height: 350px;
	margin-left: 327px;
	margin-top: 29px;		
}
#b1b2b3 img
{
	top: 60px;
	left: 20px;
	width: 350px;
	margin-left: 22px;
	margin-top: 60px;
}
#b4b5b6 img
{
	top: 195px;
	left: 20px;
	width: 350px;
	margin-left: 22px;
	margin-top: 195px;
}
#b7b8b9 img
{
	top: 330px;
	left: 20px;
	width: 350px;
	margin-left: 22px;
	margin-top: 332px;
}
#b1b5b9 img
{
	top: 25px;
	left: 20px;
	height: 350px;
	margin-left: 20px;
	margin-top: 25px;
}
#b3b5b7 img
{
	top: 25px;
	left: 20px;
	height: 350px;
	margin-left: 20px;
	margin-top: 25px;
}
@media only screen and (max-width: 811px){
	.content-game
	{
		width: 100%;
	}
}
@media only screen and (max-width: 430px){
	.row-game
	{
		width: 100%;
		padding: 0;
	}
	.content-game
	{
		width: 100%;
	}
	.heading-game
	{
		font-size: 30px;
	}
	.wrapper-game
	{
		width: 300px;
		height: 300px;
	}
	.box
	{
		width: 80px;
		height: 80px;
		padding: 10px;
	}
	.box img
	{
		width: 50px;
		max-width: 50px;
		min-width: 50px;
	}
	#b1b4b7 img
	{
		height: 250px;
		top: 20px;
		left: 46px;
		margin-top:19px;
		margin-left:47px;
	}
	#b2b5b8 img
	{
		height: 250px;
		top: 20px;
		left: 146px;
		margin-top:19px;
		margin-left:145px;		
	}
	#b3b6b9 img
	{
		height: 250px;
		top: 20px;
		left: 246px;
		margin-top:19px;
		margin-left:246px;
	}
	#b1b2b3 img
	{
		top: 40px;
		left: 20px;
		width: 250px;
		margin-top:39px;
	}
	#b4b5b6 img
	{
		top: 140px;
		left: 20px;
		width: 250px;
		margin-top:138px;		
	}
	#b7b8b9 img
	{
		top: 240px;
		left: 20px;
		width: 250px;
		margin-top:237px;
	}
	#b1b5b9 img
	{
		top: 25px;
		left: 25px;
		height: 250px;
		margin-top: 20px;
		margin-left: 25px;		
	}
	#b3b5b7 img
	{
		top: 25px;
		left: 20px;
		height: 250px;
		margin-top: 20px;
		margin-left: 25px;
	}
}
@media only screen and (max-width: 380px)
{
	#b1b5b9 img
	{
		top: 20px;
		left: 25px;
		height: 250px;
	}
	#b3b5b7 img
	{
		top: 20px;
		left: 25px;
		height: 250px;
	}
}