/* responsive.css */

/* เมื่อหน้าจอเล็กกว่า 768px ให้ปรับเป็นคอลัมน์เดียว */
@media (max-width: 768px) {
  .scope-container,
  .about-container,
  .contact-methods {
    grid-template-columns: 1fr;
  }
  .thumbnail-row {
    flex-direction: column;
  }
}

/* ปรับการแสดงผล marquee ให้เป็นแนวนอนเล็กลง */
@media (max-width: 480px) {
  .refs-item img {
    height: 60px;
  }
}