@media (max-width: 768px) {

  #achievements {
    padding: 4rem 6%;
  }

  .achievement-grid {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .achievement-card {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 1.6rem;
  }
}

@media (max-width: 768px) {

  #certifications {
    padding: 3rem 6%;
  }

  .cert-grid {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .cert-card {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {

  #thanks {
    padding: 3rem 6%;
  }

  .thanks-logos {
    width: 100%;
    justify-content: center;
    gap: 1.5rem;
  }

  .logo-circle {
    width: 80px;
    height: 80px;
  }
}

@media (max-width: 768px) {

  #about {
    padding: 4rem 6%;
  }

  .about {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .about-left {
    width: 100%;
    margin-bottom: 2rem;
  }

  .about-right {
    width: 100%;
  }
}

@media (max-width: 768px) {

  #projects {
    padding: 4rem 6%;
  }

  .projects-grid {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .projects-card {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 1.6rem;
  }
}