#logoRed{fill:#C43426;}
	#logoBlue{fill:#0091C7;}
	#logoGreen{fill:#749D33;}
	#logoOrange{fill:#CF9810;}
	.logoGray{fill:#939598;}
	#mainlogo {width:18em; margin:auto; }

	#logoBlue, #logoOrange{
		transform-origin: 33% 50%;
		animation-delay: 0s; 
		animation-name: three60; 
		animation-duration: 4s; 
		animation-iteration-count: 1;
		animation-timing-function: linear;
		animation-direction: reverse;
	}
	#logoRed, #logoGreen {
		transform-origin: 33% 50%;
		animation-delay: 0s; 
		animation-name: three60; 
		animation-duration: 4s; 
		animation-iteration-count: 1;
		animation-timing-function: linear;
		animation-direction: normal;
	}
	@keyframes three60 {
		50% {transform:  scale(1) rotate(180deg);}
		100% {transform:  scale(1) rotate(360deg);}
	} 
	.icon360 {
		transform-origin: 50% 50%;
		animation-delay: 0s; 
		animation-name: icon360; 
		animation-duration: 3s; 
		animation-iteration-count: 1;
		animation-timing-function: ease-in-out;
		animation-direction: normal;

/*		animation-fill-mode: forwards;*/
	}
	@keyframes icon360 {
		50% {transform:  scale(1.2) ;}
	}