@charset "utf-8";

.certificate
{
	height: 300px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
#myDIV {
	-webkit-animation: mymove 7s infinite; 
	animation: mymove 7s infinite;
	color: #FFF;
	width: 300px;
	margin: 1em auto 1em auto; 
	text-align: center;
	padding-top: .3em;
	padding-bottom: .3em;
	font-weight: bold;
	border: thin solid #000;
	border-radius:12px;
	clear:both;
}
@-webkit-keyframes mymove {
	0%   {background:#f00;} 
	40%  {background:#060}
	70%  {background:#336;}  
	100% {background:#909;} 
}
/* Standard syntax */
@keyframes mymove {
	0%   {background:#f00;} 
	40%  {background:#060}
	70%  {background:#336;}  
	100% {background:#909;} 
}
@media screen and (min-width:500px){
.certificate {	float:left; 	margin: 0 2em 3em 0;  }
}
@media screen and (min-width:600px){
#myDIV { 	clear:both;   float:right;  margin-top:-3em;  }
}