h1 {
	color: #474F52;
	font-size: 20px;
	  text-align:center;
}
p {
	color: #000000;
	font-size: 18px;
	  text-align:left;
}

a {
	color: #333
}

div {
  width: 60%;
  position: relative;
  top: 8px;
  left: 38%;

  animation: mymove 1000s;
  z-index: 999;
}

.GradeImage {
  width: 78px;
  height 58px;
  position: absolute;
  top: 1px;
  left: 1820px;
  animation: mymove2 1000s;
  z-index: 999;
}

body {
	background-image: url(../images/malin5.jpg);
	width: 1920px;
	height: 1080px;
	background-repeat: no-repeat;
    /*max-width: 1884px;*/
    /*width: 100%;
	height: auto;*/
	border: 0;
	z-index: -1;

}

@keyframes mymove {
	/*from {top: 240px;}
  	to {top: 0px;}  */
  	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	4% {
	    opacity: 1;
	}
	10% {
	    opacity: 1;
	}
	70% {
	    opacity: 1;
	    -ms-animation-timing-function: ease-out;
	}
	90% { 
		opacity: 0; 
		-ms-transform: scale(1);
	}
	100% { opacity: 0 }
}
@keyframes mymove2 {
	/*from {top: 240px;}
  	to {top: 0px;}  */
  	0% {
	    opacity: 0;
	}
	8% {
	    opacity: 0;
	}
	9% {
	    opacity: 1;
	}
	30% { 
		opacity: 1; 
	}
	90% { 
		opacity: 1; 
	    -ms-animation-timing-function: ease-out;
	}
	100% { opacity: 0 }
}