#preloader{
		height: 100vh;
		width: 100%;
		vertical-align: middle;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 0;
	}		
p span {
  	position: relative;
		font-size: 64px;
		color: transparent;
		-webkit-text-stroke: 2px rgba(255, 255, 255, 0.5);
		font-family: sans-serif;

  
  letter-spacing: 22px;
}
p span:after, p span:before {
		position: absolute;
		top: 0; 
		left: 0;
		content: attr(data-text);
}
p span:before{
		z-index: 10;
		-webkit-text-stroke: 2px rgba(255, 255, 255, 1);
		animation: animation1 1s ease-in-out infinite;
}
@keyframes animation1{
		0%,100%{
			transform: translate(0 ,0);
		}
    50%{
			transform: translate(40px ,-40px);
		}
} 
p span:after{
		z-index: 9;
		-webkit-text-stroke: 2px rgba(255, 255, 255, 0.6);
		animation: animation2 1s ease-in-out infinite;
}

@keyframes animation2{
		0%,100%{
			transform: translate(0 ,0);
		}
    50%{
			transform: translate(20px ,-20px);
		}
}
p span:nth-child(1):before,
p span:nth-child(1):after{
		animation-delay: 0s;
}

p span:nth-child(2):before,
p span:nth-child(2):after{
		animation-delay: 0s;
}
p span:nth-child(3):before,
p span:nth-child(3):after{
		animation-delay: 0s;
}
p span:nth-child(4):before,
p span:nth-child(4):after{
		animation-delay: 0.3s;
}
p span:nth-child(5):before,
p span:nth-child(5):after{
		animation-delay: 0.4s;
}
p span:nth-child(6):before,
p span:nth-child(6):after{
		animation-delay: 0.5s;
}

p span:nth-child(7):before,
p span:nth-child(7):after{
		animation-delay: 0.6s;
}

p span:nth-child(8):before,
p span:nth-child(8):after{
		animation-delay: 0.7s;
}
p span:nth-child(9):before,
p span:nth-child(9):after{
		animation-delay: 0.8s;
}
p span:nth-child(10):before,
p span:nth-child(10):after{
		animation-delay: 0.9s;
}
p span:nth-child(11):before,
p span:nth-child(11):after{
		animation-delay: 1s;
}










@media only screen and (min-device-width:320px) and (max-device-width : 480px) 
{
	p span { font-size: 28px; letter-spacing: 2px;}	
}

@media only screen and (min-device-width:481px) and (max-device-width : 767px) 
{
	p span { font-size: 35px; letter-spacing: 4px;}	
}

@media only screen and (min-device-width:768px) and (max-device-width : 1024px) 
{
	p span { font-size: 50px; letter-spacing: 10px;}	
}