html,body {
	height: 100%;
}
.image{
	width:10vw;
	margin-left:43%;
	margin-top: 10%;
    -webkit-animation:spin 4s linear;
    -moz-animation:spin 4s linear;
    animation:spin 4s linear;
}
@-moz-keyframes spin { 
100% { -moz-transform: rotate(360deg); }
 0%   { opacity: 0; }
  100% { opacity: 1; }
  }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); }
	0%   { opacity: 0; }
	100% { opacity: 1; }
  }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } 
	 0%   { opacity: 0; }
  100% { opacity: 1; }
}

.text{
	margin-top:5%;
}

h1{
font-family: 'Montserrat', sans-serif;
text-align: center;
 font-weight: 500;
 font-size: 2.7vw;
}

#first{
	animation:seq 3s linear forwards;
	animation-delay:2s;
}
#second{
	animation:seq 3s linear forwards;
	animation-delay:4s;
}
#third{
	animation:seq 3s linear forwards;
	animation-delay:6s;
}

@keyframes seq{
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes seq{
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes seq { 
	0%   { opacity: 0; }
  100% { opacity: 1; }
  }