<!-- colors 
#45a4af; /* turquoise */
#f7a42c; /* orange */
#645c5a; /* gray */
#3c3533; /* charcoal */
#fdfcfc; /* off white */
#d6dadb; /* bkgd gray */


.social-icons, .social-icons a:link {
	display: block;
	margin: 0;
	list-style: none;
	opacity: 1;
}
.social-icons a:hover {
	display: block;
	margin: 0;
	list-style: none;
	opacity: .8;
	-webkit-animation: flip .5s ease infinite alternate backwards;
	-ms-animation: flip .5s ease infinite alternate backwards;
	-moz-animation: flip .5s ease infinite alternate backwards;
	-o-animation: flip .5s ease infinite alternate backwards;
	animation: flip .5s ease infinite alternate backwards;	
}
@-ms-keyframes flip {
	0% {
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);		
	}
}
@-moz-keyframes flip {
	0% {
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);		
	}
}
@-o-keyframes flip {
	0% {
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);		
	}
}
@keyframes flip {
	0% {
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);		
	}
}