.interactive-image .hotspot {
	color: purple;
}
.interactive-image .hotspot:hover, .interactive-image .hotspot:focus, .interactive-image .hotspot:active {
	color: red;
}
.interactive-image .item {
    background: #ccf;
    max-width: 20em;
    min-width: 15em;
    z-index: 1000;
}
.interactive-image .text-item {
    max-width: 20em;
    min-width: 15em;
}
.interactive-image .text-item .title {
	font-size: 14px;
	font-variant: normal;
	font-weight: bold;
}
.interactive-image .text-item p.description {
	width: 100% !important;
}
#birthmarkhead {
	background: url("/images/quest/head.jpg");
	height: 726px;
	width: 449px;
}
#birthmarkface {
	background: url("/images/quest/face.jpg");
	height: 1336px;
	width: 1140px;
}
#birthmarkbody {
	background: url("/images/quest/body.jpg");
	height: 1140px;
	width: 1140px;
}
#birthmarkhand {
	background: url("/images/quest/hand.jpg");
	height: 618px;
	width: 1140px;
}
#birthmarkcross {
	background: url("/images/quest/body.jpg");
	height: 1140px;
	width: 1140px;
}
.interactive-wrapper {
	background: white;
	overflow: auto;
}

#birthmarkcross .icon-radio-checked::before {
	content: "\EA0F";
	font-family: "icomoonfree" !important;
}
#birthmarkcross #birthmarkbird.icon-radio-checked::before {
	content: "\EA96";
}
#birthmarkcross #birthmarkcircle.icon-radio-checked::before {
	content: "\EA54";
}
.birthmark-bullet {
	font-family: "icomoonfree";
}
#bullet-twitter::before {
	content: "\EA96";
}
#bullet-github::before {
	content: "\EAB0";
}

#birthmark-index p, #birthmark-index ul, #birthmark-index ol {
	width: 67%;
}
@media (max-width: 600px) {
	#birthmark-index p, #birthmark-index ul, #birthmark-index ol {
		width: 100%;
	}
}