@media only screen and (max-width: 600px) {
  .nav-links {
    position: absolute;
    background: #003970d6;
    backdrop-filter: blur(14px);
    height: calc(100dvh + 2rem);
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    /* display: flex; */
    justify-content: center;
    flex-direction: column;
    align-items: center;
    transition: all 0.5s ease-out;
    clip-path: circle(50px at 90% -20%);
    -webkit-clip-path: circle(50px at 90% -10%);
    pointer-events: none;
  }
  .nav-links.open {
    display: flex;

    clip-path: circle(1000px at 90% -10%);
    -webkit-clip-path: circle(1000px at 90% -10%);
    pointer-events: all;
  }

  .hamburger {
    display: block;
    cursor: pointer;
    transform: translate(-5%, -50%);
    z-index: 2;
    transition: all 0.7s ease;
    z-index: 102;
  }
  section.director {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 2rem 0;
  }

  .dir-l {
    flex: none;
    padding: 2rem;
  }
  .dir-container {
    flex-direction: column;
  }
  .services-container {
    flex-direction: column;
  }

  .service-card {
    width: 90%;
  }
  .footer-sec-container {
    flex-direction: column;
    gap: 1rem;
  }
  .headline-1 {
    font-size: 22pt;
  }
}