#graphTitle{
	text-align: left;
	color:white;
	margin-bottom: 4%;
}


/*.draggable {
    position: relative;
    z-index: 10;


	margin:2%;
    width:113.386px;
	height:28.347px;
   	background-color: #f4ac42;
   	color:#4d505b;
	text-align: center;
	line-height: 1.8em;
	font-family: 'Open sans', sans-serif;
	cursor: pointer;

    -ms-touch-action: none;
        touch-action: none;
}*/

.dropzone-wrapper {
	background-image:url(../images/activity5/a5-graph.png);
	background-repeat:no-repeat;
    position: absolute;
    /*top: 2em;
    left: 170px;
    right: 0;*/
	width: 652px;
	height: 501px;
}

.js-drop, .dropzone {
	
    overflow: hidden;
    padding: 7px 7px;
    color: #666;
    text-align: center;
    background: #ccc;
    height: 16px;
	width:100px;

	position:absolute;
    transition: background .15s linear, border-color .15s linear;
}


#drop1{ left:144px; top:11px;}
#drop2{ left:528px; top:11px;}
#drop3{ left:6px; top:224px;}
#drop4{ left:283px; top:461px;}
#drop5{ left:6px; top:26px;}
#drop6{ left:447px; top:461px;}







.dropzone.-drop-possible, .dropzone1.-drop-possible, .dropzone2.-drop-possible, .dropzone3.-drop-possible, .dropzone4.-drop-possible, .dropzone5.-drop-possible, .dropzone6.-drop-possible { background-color: #ff00ff; }

.dropzone.-drop-over, .dropzone1.-drop-over, .dropzone2.-drop-over, .dropzone3.-drop-over, .dropzone4.-drop-over, .dropzone5.-drop-over, .dropzone6.-drop-over{
    /*background: #999;*/
    color: #fff;}

.draggable {
	font-family: 'Open sans', sans-serif;
	font-weight:bold;
    position: relative;
    z-index: 10;
    width: 100px;
    margin: .25em;
    padding: 7px 7px;
    background-color: #f4ac42;
    color: #4d505b;
    text-align: center;
    cursor:pointer;
    -ms-touch-action: none;
        touch-action: none;
}




#results {
	background-color: #cf4858;
	padding:1.8% 0 1.8% 0;
	margin-top: 2%;
}

#results {
  text-align: center;
  font-family: 'Open sans', sans-serif;
  color: white;
  width: 100%;
}
#checkBtn{
	cursor:pointer;
	text-align: center;
	font-family: 'Open sans', sans-serif;
	color:white;
	width:100%;
	
}

@media screen and (max-height: 800px) and (max-width:1280px) {
	.dropzone-wrapper {top:110px; }
	
	}
}

@media screen and (max-height: 768px) and (max-width:1366px) {
	.dropzone-wrapper {top:80px;}
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

.dropzone-wrapper { top:50px;left:350px; 
 }

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
#dragContainer {width:60%;}
.js-drag {display:inline-block}
	.dropzone-wrapper { top:250px;left:60px; }
 }