.link-btn {position:relative; cursor:pointer; background-color:#89c303; width:100%;background-repeat:no-repeat; background-size:cover;}
.link-btn:hover {box-shadow: 0px 0px 0px 5px #89c303;}
.link-btn h3 {background-color:#89c303; padding:20px 15px; color:#fff; position:relative; top:50%; margin-top:-;}

html, body{
	height:100%;
	min-height:100%;
	    background: url("images/background_fruit.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
	background-attachment:fixed;
}
#header {background-color:#89C303; color:#fff; margin-bottom:12px}

.wrap {
	margin: 0 auto;
	width: 810px
}

.drop {
	width: 100%;
	height: 300px;
	display: block;
	border: solid #85BE04;
	background-color: #fff;
	float: left;
	margin-bottom: 10px;
	text-align: center;
	    border-radius: 10px;
}

.drop h1 {
	background-color: #85BE04;
	color: #fff;
	margin: 0;
	padding: 0;
	font-family: sans-serif
}

.drag {
	position: absolute;
	top: 0;
	width: 200px;
	height: 200px;
	margin: 0 auto;
}

.drag img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0
}


.small {
	width: 120px;
	height: 120px;
}

.small img {
	width: 100%;
	
}

.tag{
	position: relative;
	top:50px;
	left:100px;
	display:inline-block;
	background:rgba(255,255,255,0.8);
}

.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.btn:active {
	position:relative;
	top:1px;
}


	
@media only screen and (max-height :850px){
	.drag {width:120px}
	.drop{height:230px;}
	
	.small {
	width: 100px;
	height: 100px;
}

.small img {
	width: 100%;
}