/* Минимальные стили для страницы about */
/* Все основные стили находятся в style.css */

/* Дополнительные стили только для улучшения внешнего вида */
.about-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* Центрирование welcome-text только в мобильной версии */
@media (max-width: 768px) {
  .welcome-text {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: 90% !important;
  }
}

@media (max-width: 480px) {
  .welcome-text {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: 95% !important;
  }
}

/* Центрирование about-description только в мобильной версии */
@media (max-width: 768px) {
  .about-description {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: 90% !important;
  }
}

@media (max-width: 480px) {
  .about-description {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: 95% !important;
  }
}

/* Центрирование threads-text только в мобильной версии */
@media (max-width: 768px) {
  .threads-text {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: 90% !important;
    top: -20px !important;
  }
}

@media (max-width: 480px) {
  .threads-text {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: 95% !important;
    top: -20px !important;
  }
}

/* Применение стилей story-item-1 к story-item-2 только в мобильной версии */
@media (max-width: 768px) {
  .story-item-2 {
    top: 300px !important;
    left: 60px !important;
    transform: none !important;
  }
  
  .story-item-2 .main-photo {
    width: 240px !important;
  }
}

@media (max-width: 480px) {
  .story-item-2 {
    top: 300px !important;
    left: 60px !important;
    transform: none !important;
  }
  
  .story-item-2 .main-photo {
    width: 240px !important;
  }
}

/* Улучшения для мобильных устройств (только базовые) */
@media (max-width: 768px) {
  .about-container {
    padding: 15px;
  }
}

@media (max-width: 480px) {
  .about-container {
    padding: 10px;
  }
}