@media screen and (max-width: 1400px) {
  #profile { height: 83vh; margin-bottom: 6rem; }
  .about-containers { flex-wrap: wrap; }
  #contact, #projects, #certifications { height: fit-content; }
}

@media screen and (max-width: 1200px) {
  #desktop-nav { display: none; }
  #hamburger-nav { display: flex; }
  #experience, .experience-details-container { margin-top: 2rem; }
  #profile, .section-container { display: block; }
  .arrow { display: none; }
  section, .section-container { height: fit-content; }
  section { margin: 0 5%; }
  .section__pic-container { width: 275px; height: 275px; margin: 0 auto 2rem; }
  .about-containers { margin-top: 0; }
  .projects-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
  .cert-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
}

@media screen and (max-width: 768px) {
  .projects-grid { grid-template-columns: 1fr; max-width: 520px; margin-left: auto; margin-right: auto; }
  .project-img-wrapper { height: 180px; }
  .timeline-wrapper { padding-left: 2rem; }
  .timeline-content { padding: 0.9rem 1.2rem; }
}

@media screen and (max-width: 600px) {
  #contact, footer { height: fit-content; padding-bottom: 2rem; }
  #profile { height: 83vh; margin-bottom: 0; }
  article { font-size: 1rem; }
  footer nav { height: fit-content; margin-bottom: 2rem; }
  .about-containers, .contact-info-upper-container, .btn-container { flex-wrap: wrap; }
  .contact-info-container { margin: 0; }
  .contact-info-container p, .nav-links li a { font-size: 1rem; }
  .experience-sub-title { font-size: 1.25rem; }
  .logo { font-size: 1.5rem; }
  .nav-links { flex-direction: column; gap: 0.5rem; text-align: center; }
  .section__pic-container { width: auto; height: 46vw; justify-content: center; }
  .section__text__p2 { font-size: 1.25rem; }
  .title { font-size: 2rem; }
  .text-container { text-align: justify; }
  .projects-grid { grid-template-columns: 1fr; }
  .cert-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
  .timeline-wrapper { padding-left: 1.75rem; }
  .timeline-dot { left: -1.7rem; }
  .project-img-wrapper { height: 160px; }
}