/* Responsive modes */
@media (max-width: 768px) {
  .contact-item {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  
  .contact-text {
    text-align: center;
  }
  
  .social-icon {
    width: 70px;
    height: 70px;
  }
  
  .social-icon img {
    width: 55px;
    height: 45px;
  }
}

@media (max-width: 360px) {
  .contact-item {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  
  .contact-header h1 {
    font-size: 1.8rem;
  }
  
  .social-icon {
    width: 55px;
    height: 55px;
  }
  
  .social-icon img {
    width: 45px;
    height: 35px;
  }
  
  .contact-text {
    font-size: 0.9rem;
    padding: 0 10px;
  }
  
  /* Header adjustments for small screens */
  header {
    padding: 10px 5%;
  }
  
  .logo img {
    height: 35px;
  }
  
  .header-icons {
    gap: 15px;
  }
  
  .auth-link {
    font-size: 1rem;
  }
  
  .header-icon {
    width: 25px;
    height: 25px;
  }
  
  /* Footer adjustments */
  .footer-content {
    gap: 20px;
  }
  
  .footer-links,
  .footer-signup {
    min-width: 150px;
  }
  
  .footer-links h3,
  .footer-signup h3 {
    font-size: 1.1rem;
  }
  
  .search-form input {
    padding: 10px;
  }
  
  .search-form button {
    padding: 0 10px;
    font-size: 0.9rem;
  }
  
  .footer-bottom {
    font-size: 0.8rem;
  }
}