h1 {
	color: #9B9CA1;
	font-size: 22px;
	font-weight: bold;
	font-family: "hobo-std";
}
p1 {
	color: #96918B;
	font-family: "hobo-std";
	font-size: 20px;
	font-weight: bold;
}
p2 {
	color: #3B3E47;
	font-family: "hobo-std";
	font-size: 20px;
	font-weight: bold;/*opacity: 0;   this ensures it stays hidden after animation completes */
}

div {
  width: 50%;
  position: relative;
  top: 42px;
  left: 40%;
  text-align:center;
  animation: mymove 1200s;
  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: 30px;}
  	to {top: 1200px;}  */
  	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	2% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	    -ms-animation-timing-function: ease-out;
	}
	3% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	7% {
	    opacity: 0;
	    -ms-transform: scale(1);
	}
	90% { opacity: 0 }
	100% { opacity: 0 }
}