Не устанавливается верстка

<div class="header">
  <div class="logo"></div>
  <div class="title">
    <h1>Скандинавская ходьба</h1>
    <div class="sub">Тренировки / реабилитация / общение</div>
  </div>
</div>

.header {
  display: flex;
  gap: 20px;

}
.logo {
  position: relative;
  border: 1px solid #000;
  min-width: 370px;
  width: 370px;
  height: 300px;
  background: url(https://skand.doctor10.net/wp-content/uploads/2023/08/logo.webp) no-repeat;
  background-position: left 30px bottom 50px;
}
.logo:after {
  position: absolute;
  top: 10px;
  left: 150px;
  content: url(https://skand.doctor10.net/wp-content/uploads/2023/08/stamp.webp);
  width: 150px;
  height: 150px;
}
.title {
  flex-grow: 1;
  height: 300px;
  border: 1px solid #000;
   
}
.title h1 {
  margin: 50px 0 60px; 0;
  text-align: center;
  color: rgb(98, 16, 16);
  font-family:Merriweather;
  font-size: 68px;
  text-transform: uppercase;
}
.title .sub {
  padding: 0 20px;
  text-align: center;
  color: rgb(12, 68, 28);
  font-family: sans-serif;
  font-size:60px;
}

Однако <h1> Скандинавская ходьба </h1> не появляеется. При этом вне сайта все нормально. На этой странице вообще не устанавливаются заголовки h1 h2 и h3

• Тема изменена 1 год, 4 месяца назад пользователем intman1958.

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]