@media (max-width: 768px) {
  /* Заголовок */
  header h1 {
    font-size: 40px; /* Уменьшаем размер шрифта заголовка */
    text-align: center; /* Выравниваем заголовок по центру */
  }

  /* Логотип */
  header img {
    height: 100px; /* Уменьшаем размер логотипа */
    display: block; /* Центрируем изображение */
    margin: 0 auto; /* Отцентрировать изображение по горизонтали */
  }

  .header-flex {
    flex-direction: column; /* Меняем направление на колонку */
    align-items: center; /* Выравниваем элементы по центру */
  }

  header h2 {
    font-size: 18px; /* Уменьшаем размер шрифта подзаголовка */
  }

  header p {
    font-size: 16px; /* Уменьшаем размер шрифта описания */
  }

  header {
    padding: 20px 10px; /* Уменьшаем отступы сверху и снизу */
  }

  /* Карусель */
  .carousel-container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 20px auto;
    padding: 0 0px;
    box-sizing: border-box;
    /* Увеличиваем размер карусели */
    width: 100%;
    max-width: 100%;
  }

  .carousel-slide {
    width: 100%;
  }

  .carousel-slide img {
    width: 100%;
    height: auto;
    object-fit: cover; /* Сделаем изображение более гибким */
  }

  .carousel-btn {
    font-size: 30px; /* Увеличиваем размер стрелок */
    padding: 15px;
  }
}