/*
  Динамический hero-заголовок главной страницы.
  Работает только если в PHP выведена разметка .hero-typing-dynamic.
*/

.hero-typing-static {
  display: none;
}

.hero-typing-dynamic {
  display: block;
}

.hero-typing-line {
  display: block;
}

.hero-typing-line--main {
  display: block;
}

.hero-typing-line--second {
  display: block;
  min-height: 1.15em;
}

.hero-typing-prefix,
.hero-typing-text,
.hero-typing-cursor {
  display: inline;
}

.hero-typing-cursor {
  opacity: 1;
}

/*
  Узкий экран:
  динамический заголовок отключаем,
  показываем обычный статический H1.
*/
@media (max-width: 767px) {
  .hero-typing-static {
    display: inline;
  }

  .hero-typing-dynamic {
    display: none;
  }
}