#gameContainer
{
	width: 100%;
	margin: 0 auto;
	float: left;
}
#rightColumn, #leftColumn
{
	width:55%;
	float:left;
	height:100%;
	margin-top:-1%;
        text-align: center;
}
#leftColumn
{
	width:45%;
}
#gameTitle
{
	font-size: 1.5em;
	text-align: center;
	padding: 0 0 .5em 0;
}
#instructions
{
	font-size: 1em;
	margin: 0;
	padding: 1em;
	text-align: center;
}
.droppable-block span
{
	width:100%;
	position:absolute;
	left:0px;
	display:none;
	top:2%;
	text-align:center;
}
.droppable-block em
{
	color:#ffffff;
	text-indent:-999px;
}
.droppable-block
{
	float: none;
        display: inline-block;
	padding:13%;
	padding-left:11%;
	position:relative;
	padding-right:11%;
	z-index:2;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 85%;
}
#block1
{
	background-image: url(../images/game/zbior-1.png);
}
#block2
{
	background-image: url(../images/game/zbior-2.png);
}
#block3
{
	background-image: url(../images/game/zbior-3.png);
}
#block4
{
	background-image: url(../images/game/zbior-4.png);
}
#block5
{
	background-image: url(../images/game/zbior-5.png);
        padding: 8%;
        padding-left: 35%;
        padding-right: 35%;
}
#block5.droppable-block em{
        color: #88c5e7;
        font-family: 'ComicSansMSRegular', Arial, Helvetica, sans-serif;
}
.draggable
{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 126% 66%;
	cursor: move;
	display: inline-block;
	float: none;
	margin: 0.5%;
	padding: 7% 9%;
	text-indent: -9999px;
	z-index: 3;
        margin: 2% 1%;
}
.draggable.item1
{
	background-image: url("../images/game/item-1-big-1.png");
}
.draggable.item2
{
	background-image: url("../images/game/item-1-big-2.png");
}
.draggable.item3
{
	background-image: url("../images/game/item-1-small-1.png");
}
.draggable.item4
{
	background-image: url("../images/game/item-1-small-2.png");
}
.draggable.item5
{
	background-image: url("../images/game/item-2-big-1.png");
}
.draggable.item6
{
	background-image: url("../images/game/item-2-big-2.png");
}
.draggable.item7
{
	background-image: url("../images/game/item-2-small-1.png");
}
.draggable.item8
{
	background-image: url("../images/game/item-2-small-2.png");
}
.draggable.item9
{
	background-image: url("../images/game/item-3-big-1.png");
}
.draggable.item10
{
	background-image: url("../images/game/item-3-big-2.png");
}
.draggable.item11
{
	background-image: url("../images/game/item-3-small-1.png");
}
.draggable.item12
{
	background-image: url("../images/game/item-3-small-2.png");
}
.draggable.item13
{
	background-image: url("../images/game/item-4-big-1.png");
}
.draggable.item14
{
	background-image: url("../images/game/item-4-big-2.png");
}
.draggable.item15
{
	background-image: url("../images/game/item-4-small-1.png");
}
.draggable.item16
{
	background-image: url("../images/game/item-4-small-2.png");
}
.draggable.item17
{
	background-image: url("../images/game/item-5-big-1.png");
}
.draggable.item18
{
	background-image: url("../images/game/item-5-big-2.png");
}
.draggable.item19
{
	background-image: url("../images/game/item-5-small-1.png");
}
.draggable.item20
{
	background-image: url("../images/game/item-5-small-2.png");
}
.draggable.small
{
	background-size: 59% 53%;
}
#items
{
}
#results
{
	text-align: center;
	padding-bottom:20%;
	width:50%;
	clear: both;
}
#correctResult
{
	display: none;
	color: Green;
}
#incorrectResult
{
	display: none;
	color: Red;
}
 @media only screen and (max-width : 600px) {
 .draggable {
 border-width: 1px;
 border-radius:2px;
}
}
