#badges div {
	transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    background-size: 126px 126px;
}
#badges:hover div {
	-webkit-filter: grayscale(1);
	opacity: 0.6;
}
#badges div:hover {
	transform: rotate(6deg) scale(1.1,1.1);
	-ms-transform: rotate(6deg) scale(1.1,1.1);
    -webkit-transform: rotate(6deg) scale(1.1,1.1);
	-webkit-filter: grayscale(0);
	opacity: 1;
    /*background-size: 130 130;*/
}
#badges ~ #vooter {
	transition: .8s ease-in-out;
    -webkit-transition: .8s ease-in-out;
}
#badges:hover ~ #vooter {
	top: 600px;
}
#vooter {
	position: fixed;
	top: 400px;
	left: 0px;
	width: 100%;
}
#badges p {
	transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    opacity: 0.3;
}
/*#badges div:nth-child(1):hover ~ div:nth-child(1n) {
	-webkit-filter: grayscale(1);
}*/
#badges div:nth-child(1):hover ~ p:nth-child(5) {
	color: #00CC00;
	opacity: 1;
}
#badges div:nth-child(2):hover ~ p:nth-child(6) {
	color: #CC00CC;
	opacity: 1;
}
#badges div:nth-child(3):hover ~ p:nth-child(7) {
	color: #FF3300;
	opacity: 1;
}
#badges div:nth-child(4):hover ~ p:nth-child(8) {
	color: #00CC00;
	opacity: 1;
}