@media (max-width: 980px) {
  html,
  body,
  #app {
    font-size: 14px;
  }

  h1 {
    font-size: 2em;
  }

  h2 {
    font-size: 1.5em;
  }

  .three-section-layout {
    grid-template-columns: 1fr;
    grid-template-rows: 170px 80vh;
    gap: 0.5rem;
    padding: 0.5rem;
  }

  .page-section {
    min-height: auto;
    padding: 0.5rem;
  }

  .TopBar {
    display: none;
  }

  .custom-list-contact li,
  .custom-list-skills li,
  .custom-list-languages li {
    margin-left: -1.5rem;
  }
}