.typewriter{
  display: inline-block;
}
.typed-out{
  overflow: hidden;
  white-space: nowrap;
  animation: typing 6s forwards;
  font-size: 15px;
  width: 10;
  background: #CC3300;
  padding: 5px;
  border-radius: 4px;
  font-family: sans-serif;
  color: #fff;
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

@media screen and (max-width: 600px) {
.typed-out{
  overflow: hidden;
  white-space: nowrap;
  animation: typing 6s forwards;
  font-size: 9px;
  width: 10;
  background: #CC3300;
  padding: 5px;
  border-radius: 4px;
  font-family: sans-serif;
  color: #fff;
}
}

/* NO HTML

<center>
	<div class="typewriter">
		<div class="typed-out">Atualizada pela Lei xxxxxxxxx</div>
	</div>
</center>
 */