/* Mobile-first nav */
@media (max-width: 900px) {
  nav ul {
    position: absolute; right: 5%; top: 70px;
    flex-direction: column; background: #ccccccf8;
    width: 220px; padding: 18px; border-radius: 10px; display: none;
  }
  nav ul.show { display: flex; }
  .menu-toggle { display: inline-block; }
}

/* Grids collapse nicely */
@media (max-width: 900px) {
  .about-content { grid-template-columns: 1fr; }
  .contact-page { grid-template-columns: 1fr; }
}

/* Smaller hero text */
@media (max-width: 600px) {
  .hero { padding: 90px 0; }
  .hero h2 { font-size: 2.1rem; }
}

/* Specific projects   */
.project-banner h1 {
  padding-top: 65px;
  font-size: 2.5rem;
  margin-bottom: 10px;
  line-height: 1.3;
}

.project-banner p {
  font-size: 1.3rem;
  max-width: 850px;
  margin: 0 auto;
  line-height: 1.5;
}
/* Tablet */
@media (max-width: 992px) {
  .project-banner h1 {
    font-size: 2rem;
  }
  .project-banner p {
    font-size: 1rem;
    padding: 0 20px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .project-banner {
    height: 320px;
  }
  .project-banner h1 {
    font-size: 1.3rem;
  }
  .project-banner p {
    font-size: 0.80rem;
    padding: 1px 1px;
    text-align: center;
  }
}