@charset "utf-8";
/* CSS Document */

#activityIntro {
	margin:15px auto 10px ;
}
#gameContainer ul {
	list-style:none;
	margin:0;
	padding:0;
	    font-size: 0.8em;
}

#startMsg h1 {
    color: #08403F;
}

.ui-draggable-dragging {
	box-shadow:5px 5px 13px 5px rgba(0,0,0,0.75);
	z-index:100;
}

.drag{
	cursor: move;
	text-align:center;
	background:#077A7D;
	padding:25px 10px;
	margin:2px auto;
	color:#FFF;
	font-size:100%;
	height:90px;
	    font-size: 1.3em;
}

#desc li {
	padding:5px 10px;
	margin:2px auto;
	background:#ccc;
	height:90px;
}


#activity.start:after {
	content:"";
	background:#FFF;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}

#activityContainer {
	position: relative;
}



#startMsg {
	position:absolute;
	width:400px;
	display:block;
	background:rgba(230,230,230,0.8);
	margin:0 auto;
	z-index:100;
	left:50%;
	margin-left:-200px;
	text-align:center;
	
}

#time-wrapper h4 {
	display:inline-block;
}

#time-wrapper h4:last-child {
	float:right
}

#instructions {
	margin-bottom:20px;
}

#checkMsg {
    float: left;
    margin-top: 5px;
    font-size: large;
    font-weight: bold;
	margin-left: 2em;
}

#blockBlank {
    min-height: 12em;
}

.fa-trophy {
    font-size: 1.5em;
	float:left;
	margin-right: 0.5em;
}

@media(max-width:767px){
	#desc li {
	height:100%;
	width:100%;
	}
}
@media(min-width:768px){
	#desc li {
	height:150px;
	}
	.drag{
	height:150px;
	width:132%;
	}
}
@media(min-width:992px){
	#desc li {
	height:110px;
	}
	.drag{
	height:110px;
	width:100%;
	}
}