@media (max-width: 1024px) {
  #thumbnail-grid,
  #portfolio-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 768px) and (orientation: portrait) {
  #thumbnail-grid,
  #portfolio-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .button a,
  #project-details-container button {
    box-sizing: border-box;
    text-align: center;
    width: 100%;
  }
  .menu {
    width: 100%;
  }
  #thumbnail-grid,
  .portfolio-grid {
    grid-template-columns: repeat(2, 1fr)!important;
  }
  #thumbnail-grid li:nth-of-type(1) {
    grid-column: 1 / 3;
  }
  #submit,
  #contact-form,
  #section-404 {
    width: 100% !important;
  }
  #description {
    font-size: 1.6rem;
  }
  h2 {
    font-size: 1.8rem;
  }
  .menu-btn {
    right: 1.5rem;
  }
  #links {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  /* Specific styles for extra small devices */
}