#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%;
}

#topColumn,
#bottomColumn{
    width: 100%;
    float: left;
    display: block;
    clear: both;
    text-align: center;
}

#gameTitle
{
	font-size: 1.5em;
	text-align: center;
	padding: 0 0 .5em 0;
}
#instructions
{
	font-size: 1em;
	margin: 0;
	padding: 1em;
	text-align: center;
}

.pattern{
    float: none;
    display: inline-block;
}

.pattern img{
    max-width: 100%;
}

.pattern.pattern-correct{
    max-width: 22%;
    max-height: 22%;
}

#bottomColumn .pattern{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    max-width: 18%;
    max-height: 18%;
    margin-right: 10%;
    border: 3px dashed;
    border-color: #94E2FF;
    border-radius: 5px;
    cursor: pointer;
}

#bottomColumn .pattern:hover{
    border-color: #dfacff;
}

#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;
}
}
