@media screen and (max-width: 700px) {
  .footer-text-row {
    flex-direction: column;
    gap: 8px;
  }
  .vertical-sepbar {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  main {
    padding: 40px;
  }
  .title-large {
    font-size: 36px;
  }
  .footer-container {
    flex-direction: column;
    justify-content: center;
    gap: 24px;
  }
  .social-icons {
    justify-content: center;
  }
  .footer-text-row {
    align-items: center;
  }
}