@charset "utf-8";
/* CSS Document */
#content{
	text-align:center;
	margin-top:10%;
	}
	
#imageList, #dropArea, #descriptionList{
	height:192px;
	}
		


	
#imageList li, #dropArea li{
	display:inline-block;
	width:192px;
	height:192px;
	}

#dropArea li{
	
	background-color:#ccc;
	width:192px;
	}
	
#descriptionList li  {
	display:inline-block;
	vertical-align:middle;
	background-color:#E65000;
	width:172px;
	height:172px;
	padding:10px;
	color:#FFF;
	font-family: 'Montserrat', sans-serif;
	line-height:16px;
	}
	
#imageList li {
	
cursor:pointer;
	margin-left:2px;
	margin-right:2px;
	}

.hoverDrag{
 	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
	}
@media only screen and (max-height: 800px) {
#content{
	text-align:center;
	margin-top:6%;
	}
#descriptionList li  {
	display:inline-block;
	vertical-align:middle;
	background-color:#E65000;
	width:172px;
	height:110px;
	padding:10px;
	color:#FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em;
	line-height:0.9em;
	}	

}