/* @media (width < 980px) {
  .leftPanel {
    transform: translateX(-35%);
  }
  .rightPanel {
    transform: translateX(35%);
  }
} */

/* @media (width < 700px) {
  .leftPanel {
    transform: translateX(-45%);
  }
  .rightPanel {
    transform: translateX(45%);
  }
} */
@media (width < 550px) {
  #headerTitle {
    font-size: 1.8rem;
  }
  .subpageHeader #headerTitle {
    font-size: 1.5rem;
    letter-spacing: 1vw;
  }
  /* .leftPanel {
    transform: translateX(-55%);
  }
  .rightPanel {
    transform: translateX(55%);
  } */

  /* .rightNav .menuItem {
    clip-path: inset(0 25px 0 0);
    transform: translateX(-30%);
  }
  .leftNav .menuItem {
    clip-path: inset(0 0 0 25px);
    transform: translateX(30%);
    margin-left: -100px;
  } */
}

@media (width < 385px) {
  /* .rightNav .menuItem {
    clip-path: inset(0 0 0 0);
    transform: translateX(-35%);
  }
  .leftNav .menuItem {
    clip-path: inset(0 0 0 0);
    transform: translateX(26%);
  } */
  /* .menuItem img {
    height: 1.5rem;
  }
  .menuNav {
    margin-top: -10rem;
  }
  .rightNav {
    padding-top: 5.3rem;
  } */
}

@media (width < 300px) {
  #headerTitle {
    font-size: 1rem;
  }
  .subpageHeader #headerTitle {
    font-size: 1rem;
  }
  footer {
    grid-template-columns: 1fr;
    row-gap: 1rem;
  }
  footer > nav {
    align-self: start;
  }
  footer > nav > ul {
    min-width: 15ch;
  }
  footer nav:not(footer > nav:last-child) {
    border-right: 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid #0008;
  }
  #footerInfo {
    height: 345px;
    transform: translate(100%, 0);
  }
  #footerInfo.open {
    transform: translate(0, 0);
  }
}