@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900&display=swap');

/* welcome */
@media  ( max-width: 540px){
    #text1,#text2{
     font-size: 60px;
  }
  }
  /* welcome */
  
 .homex{
    background-color: red;
 }


 .homex .home-textx{
 	text-align: center;
 	position: relative;
 	z-index: 2;
 }

.homex .home-textx p{
	margin:0 ;
	overflow: hidden;
}
.homex .home-textx p span{
    font-size: 27px;
    color:whitesmoke;
    font-weight: 600;
    font-style: italic;
    display: inline-block;
    /* line-height: 40px; */
    display: none;
}

.homex .home-textx p span.text-in{
	display: block;
	animation: textIn .5s ease;
}
.homex.home-textx p span.text-out{
	animation: textOut .5s ease;
}
@media (min-width:540px) and (max-width:749px) {
	.homex .home-textx p span{
		font-size: 19px;
		color:whitesmoke;
		font-weight: 400;
		font-style: italic;
		display: inline-block;
		/* line-height: 40px; */
		display: none;
	}
	
}
@media (min-width:320px) and (max-width:539px) {
	.homex .home-textx p span {
		font-size: 17px;
		color:whitesmoke;
		font-weight: 400;
		font-style: italic;
		display: inline-block;
		/* line-height: 40px; */
		display: none;
	}
	
}
@media (min-width:270px) and (max-width:319px) {
	.homex .home-textx p span {
		font-size: 15px;
		color:whitesmoke;
		font-weight: 400;
		font-style: italic;
		display: inline-block;
		/* line-height: 40px; */
		display: none;
	}
	
}
@media (min-width:189px) and (max-width:269px) {
	.homex .home-textx p span {
		font-size: 13px;
		color:whitesmoke;
		font-weight: 400;
		font-style: italic;
		display: inline-block;
		/* line-height: 40px; */
		display: none;
	}
	
}

@keyframes textIn{
	0%{
		transform: translateY(100%);
	}
	100%{
		transform: translateY(0%);
	}
}
@keyframes textOut{
	0%{
		transform: translateY(0%);
	}
	100%{
		transform: translateY(-100%);

	}
}