@media (max-width: 900px) {
  .content {
    flex-direction: column;
    text-align: center;
    gap: 3rem;
  }
  
  .descriptionImg {
    margin: 0 auto;
    max-width: 100%;
  }

  .navigation ul {
    gap: 1.5rem;
  }

  .welcomeHeader {
    font-size: 3rem;
  }
}

@media (max-width: 768px) {
  .projects-page {
    grid-template-columns: 1fr;
  }

  .menu-icon {
    display: block;
  }

  .navigation ul {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgba(7, 11, 20, 0.95);
    backdrop-filter: blur(16px);
    padding: 2rem;
    text-align: center;
    gap: 1.5rem;
    border-bottom: 1px solid var(--border-glass);
  }

  .open ul {
    display: flex;
  }

  .contact-us {
    padding: 2rem 1.5rem;
  }

  .contact-us li {
    font-size: 0.95rem;
  }
}

@media (max-width: 480px) {
  .welcomeHeader {
    font-size: 2.2rem;
  }

  .welcomeDescription {
    font-size: 1rem;
  }

  .Logo {
    font-size: 1.2rem;
  }
  
  .Logo img {
    width: 32px;
    height: 32px;
  }
}