.topbar-rotator {
  	position: relative !important;
    width: 100% !important;
    list-style: none !important;
    text-align: center !important;
    margin-bottom: 15px !important;
    padding: 3.5px 0 !important;
    /*font-family: 'Raleway', Helvetica, sans-serif, serif;*/
  	font-family: 'Raleway' !important;
    text-transform: uppercase !important;
    color: #88d4c9 !important;
    background: #88d4c9 !important;
    font-size: 12px !important;
    line-height: 19px !important;
    height: 20px !important;
    margin: 0 !important;
  	letter-spacing: 0.15em !important;
}

.topbar-rotator > li {
  position: absolute !important;
  font-weight: bold !important;
  margin: 0 auto !important;
  width: 100% !important;
  /*font-family: 'Raleway', Helvetica, sans-serif, serif;*/
  font-family: 'Raleway' !important;
  color: #FFFFFF !important;
  opacity: 0 !important;
  letter-spacing: 0.15em !important;
  font-size: 12px !important;
}

.topbar-rotator > li a {
  color: #FFFFFF !important;
  letter-spacing: 0.15em !important;
}

.topbar-rotator > li:first-child {
  -webkit-animation: loop 10s infinite !important;
}

.topbar-rotator > li:nth-child(2) {
  -webkit-animation: opsecond 10s infinite !important;
}

@-webkit-keyframes loop {
  0% { opacity: 0; z-index:1; }
  10% { opacity: 1; z-index:2; }
  40% { opacity: 1; z-index:2; }
  50% { opacity: 0; z-index:1; }
}

@-webkit-keyframes opsecond {
  50% { opacity: 0; z-index:1; }
  60% { opacity: 1; z-index:2; }
  90% { opacity: 1; z-index:2; }
  100% { opacity: 0; z-index:1; }
}

@media (max-width: 480px) {
 	.topbar-rotator {
		font-size: 13px !important;
	}
}

@media (max-width: 350px) {
 	.topbar-rotator {
		font-size: 13px !important;
	}
}