body{
	background: #000000;
}
.rw-wrapper{
	width: 100%;
	position: relative;
	margin: 0px auto 0 0;
    /*font-family: 'Alegreya', serif;
    font-family: 'Open Sans', sans-serif;*/
	font-family: 'Playfair Display', serif;
	/*padding: 10px;*/
}
.rw-sentence{
	margin: 0;
	text-align: left;
    display: inline-block;
	/*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
}
.rw-sentence span{
	color: #fff;
	font-size: 200%;
	font-weight:900;
}
.rw-words{
	display: inline-block;
	text-indent: 10px;
    font-style: italic;
}
.rw-words-1 span{
	position: absolute;
    top:1.3em;
	opacity: 0;
	/*overflow: hidden;*/
	color: #BFC67F;
	-webkit-animation: rotateWord 24s linear infinite 0s;
	-ms-animation: rotateWord 24s linear infinite 0s;
	animation: rotateWord 24s linear infinite 0s;
}
.rw-words-1 .two { 
    -webkit-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
	color: #B9AE5F;
}
.rw-words-1 .three { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
	color: #BB9D55;	
}
.rw-words-1 .four { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
	color: #C98A36;
}
.rw-words-1 .five { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
	color: #D79014;
}
.rw-words-1 .six { 
    -webkit-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
	color: #DE6E00;
}
.rw-words-1 .seven { 
    -webkit-animation-delay: 18s; 
	-ms-animation-delay: 18s; 
	animation-delay: 18s; 
	color: #DEA900;
}
.rw-words-1 .eight { 
    -webkit-animation-delay: 21s; 
	-ms-animation-delay: 21s; 
	animation-delay: 21s; 
	color: #FFE700;
}



@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    10% { opacity: 1; -webkit-transform: translateY(0px); }
	15% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    10% { opacity: 1; -ms-transform: translateY(0px); }
	15% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    10% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	15% { opacity: 0; -webkit-transform: translateY(430px); transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
.titler {
    position: relative;
    top:-2%;
    padding:20px 0 110px 0;
    z-index:2;
    background-color: rgba(0,0,0,1.00);
    transition:all 1s ease;
}
.titler:hover {
  opacity:0;
}
.hoverAppear {
    position: absolute;
    top:0;
    color:white;
    z-index:0;
}

.style-svg {
	width:40px;
}
@media screen and (min-width: 981px) and (max-width: 1333px){
	.titler {font-size: 1.5em !important;}
	.hoverAppear {font-size:0.60em !important;}
	h1 {font-size: 1.4em !important;}
}

@media screen and (max-width: 768px){
	.rw-sentence { font-size: 18px; }
	.hoverAppear {font-size: 0.7em;}
}
@media screen and (max-width: 420px){
	.rw-sentence {font-size: 11px;}
    .rw-words {text-indent: 0px;}
}