body{
	
}
.rw-wrapper{
	width: 80%;
	position: relative;
	margin: 110px auto 0 auto;
	font-family: 'Poppins', sans-serif;
	
	padding: 10px;
}
.rw-sentence{
	padding-top: 11%;
	padding-left: 30%;
	margin: 0;
	text-align: left;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.rw-sentence span{
	position:relative;
	color: #444;
	white-space: nowrap;
	font-size: 50px;
	font-weight: normal;
}
.rw-words{
	display: inline;
	text-indent: 10px;
}
.rw-words span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	color: rgba(79, 0, 0, 0.92);
}
.rw-words-1 span{
	-webkit-animation: rotateWordsFirst 18s linear infinite 0s;
	-ms-animation: rotateWordsFirst 18s linear infinite 0s;
	animation: rotateWordsFirst 18s linear infinite 0s;
}
.rw-words-2 span{
	-webkit-animation: rotateWordsSecond 18s linear infinite 0s;
	-ms-animation: rotateWordsSecond 18s linear infinite 0s;
	animation: rotateWordsSecond 18s linear infinite 0s;
}
.rw-words span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
	color: rgba(79, 0, 0, 0.92);
}
.rw-words span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
	color: rgba(79, 0, 0, 0.92);	
}
.rw-words span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
	color: rgba(79, 0, 0, 0.92);
}
.rw-words span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
	color: rgba(79, 0, 0, 0.92);
}
.rw-words span:nth-child(6) { 
    -webkit-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
	color: rgba(79, 0, 0, 0.92);
}

.rw-div{
	position:relative;
	right: 5%;
}
.rw-div span{
	font-size:30px;
}
@-webkit-keyframes rotateWordsFirst {
    0% { opacity: 1; -webkit-animation-timing-function: ease-in; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsFirst {
    0% { opacity: 1; -ms-animation-timing-function: ease-in; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}
@keyframes rotateWordsFirst {
    0% { opacity: 1; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}

@-webkit-keyframes rotateWordsSecond {
    0% { opacity: 1; -webkit-animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 100%; }
    27% { opacity: 0; width: 100%; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsSecond {
    0% { opacity: 1; -ms-animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 100%; }
    27% { opacity: 0; width: 100%; }
    100% { opacity: 0; }
}
@keyframes rotateWordsSecond {
    0% { opacity: 1; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 100%; }
    27% { opacity: 0; width: 100%; }
    100% { opacity: 0; }
}
@media screen and (max-width: 880px){
	.rw-sentence { 
		font-size: 13px;
		padding-left: 20%;
	}
	.rw-sentence span{
		font-size: 35px;
	}
	.rw-sentence .rw-div span{
		font-size: 12px;
	}
	.rw-words{
		text-indent: 9px;
	}
	.rw-div{
		right: -14%;
	}
	
	
}
@media screen and (max-width: 768px){
	.rw-sentence { font-size: 18px; }
}
@media screen and (max-width: 539px){
	.rw-wrapper{
		margin: 110px auto 50px auto;
		width: 100%;
	}
	.rw-sentence { font-size: 9px; 
	}
	.rw-sentence { 
		font-size: 12px;
		padding-left: 11%;
	}
	.rw-sentence span{
		font-size: 29px;
	}
	.rw-sentence .rw-div span{
		font-size: 12px;
	}
	.rw-words{
		text-indent: 10px;
	}
	.rw-div{
		right:-13%;
	}
}

@media screen and (max-width: 479px){
	.rw-wrapper{
		margin: 110px auto 50px auto;
		width: 100%;
	}
	.rw-sentence { font-size: 9px; 
	}
	.rw-sentence { 
		font-size: 12px;
		padding-left: 14%;
	}
	.rw-sentence span{
		font-size: 23px;
	}
	.rw-sentence .rw-div span{
		font-size: 12px;
	}
	.rw-words{
		text-indent: 10px;
	}
}
@media screen and (max-width: 400px){
	.rw-sentence { 
		font-size: 9px;
		padding-left: 8%;
	}
}

@media screen and (max-width: 320px){
	.rw-sentence { font-size: 9px; }
}