html, body{
	height:100%;
}

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



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

.drop {
	width: 100%;
	height: 300px;
	display: block;
	border: solid #355;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}

.drop h1 {
	background-color: #355;
	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
}

.bottom {
	height: 200px;
	position: relative;
}

.buttons {
}

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

.small img {
	width: 100%;
	
}

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

@media only screen and (max-height : 768px){
	.drop{height:230px;}
}

/*  The image quiz  */

#header {background-color:#89C303; color:#fff}

.row {
	margin-top: 10px;
	margin-bottom: 10px;
}
.active {
	background-color: #ddd;
}
#top img {
	height:  500px;
	border:solid #ddd;
	border-radius:10px;
	background:#fff;
}
#feedback {
	display: none;
}

#top {
	position: relative;
}


#top h3 {
	background-color: #ddd;
	color: #000;
	padding: 10px;
	position: absolute;
	top: 20px;
	text-transform: capitalize;
	font-size: xx-large;
    font-weight: bold;
}
#feedback table {
	width: 100%;
}
th {
	background: #ddd;
	color: #000
}
th, td {
	padding: 10px;
}
td:last-child {
	text-align: center;
}
.btn {
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
}
.btn:hover {
	background-color: #999;
	
}
.btn:active {
	position: relative;
	top: 1px;
}


@media screen and (max-height:780px){
	#top img {height:380px}
}