.sup {
	vertical-align: top;
	font-size: 70%;
	padding: 0 1px;
}

/* speech bubble */


.speechBubble {
    background: #b3dd49; /* Old browsers */
    background: -moz-linear-gradient(top, #b3dd49 0%, #91e842 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dd49), color-stop(100%,#91e842)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b3dd49 0%,#91e842 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b3dd49 0%,#91e842 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b3dd49 0%,#91e842 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b3dd49 0%,#91e842 100%); /* W3C */
    font-size: 90%;
    position: relative;
	width: 300px;
	text-align: center;
    border-radius: 10px;
    padding: 7px;
}


.speechBubble:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
	top: 40px;
	border: 10px solid;
	border-color: #91e842 transparent transparent #91e842;
}

/* end speech bubble */

.grayscaleImg {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.sepiaImg {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
}

.saturateImg {
	-webkit-filter: saturate(200%);
	filter: saturate(200%);
}

.hueRotateImg {
	-webkit-filter: hue-rotate(200deg);
	filter: hue-rotate(200deg);
}

.invertImg {
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

.opacityImg {
	-webkit-filter: opacity(40%);
	filter: opacity(40%);
}

.brightnessImg {
	-webkit-filter: brightness(60%);
	filter: brightness(60%);
}

.contrastImg {
	-webkit-filter: contrast(200%);
	filter: contrast(200%);
}

.blurImg {
	-webkit-filter: blur(2px);
	filter: blur(2px);
	
}

.dropShadowImg {
	-webkit-filter: drop-shadow(2px 4px 6px #800080);
	filter: drop-shadow(2px 4px 6px #800080);
}