@media screen and (max-height: 800px)  {

#loading { display:none; position:fixed; right:10px; top:10px; border:solid 20px red; padding:20px; font-size:30px; }

#dropper { 
	/*width:450px;*/ 
	min-height:190px; 
	padding-bottom:10px; 
	background:#eee; 
	border:dashed 10px #ddd; 
	/*width:1400px;*/
	margin-left: 100px;
	margin-right: 100px;
	position: relative;
}

#dropper.over { 
	background:#fff; 
	border-color:pink; 
}

#dropper > div.help { 
	text-align:center; 
	padding:50px 0 0px 30px; 
	color:#aaa; font-size:80px; 
	font-family:Arial; 
	text-shadow:#ccc 1px 1px 2px; 
}

#dropper > div.help:not(:first-child) { 
	display:none; 
}

#dropper > div.img { 
	float:left; 
	clear:right; 
	margin:20px 0 0 20px; 
	width:110px; 
	height:150px; 
	border:solid 5px lightblue;
	 opacity:0.8; 
	background:#ddd none no-repeat center center; 
	background-size:cover; 
	-webkit-background-size:cover; 
	-moz-background-size:cover; 
}

#dropper > div.img:hover { 
	opacity:1.0; 
}

#dropper > div.img.success, #file-list > p.success { 
	border-color:green; 
}

#dropper > div.img.failure, #file-list > p.failure { 
	border-color:red; 
}

input.files.hidn { 
	position:absolute; 
	visibility:hidden; 
}

#file-list > p { 
	margin:5px 0; 
	padding:3px; 
	border:solid 5px lightblue; 
}

.files {
	padding: 30px 70px;
	background: lightblue;
	border-radius: 20%/50%;
}
.files.over {
	background: black;
	color: white;
}

/* ugh */
#dropper:after {
	clear: both;
	content: '.';
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	visibility: hidden;
}
}