.site-footer__top {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 60px;
  align-items: flex-start;
}

.site-footer__top-left {
  flex: 1 1 300px;
  max-width: 400px;
}

.site-footer__top-right {
  display: flex;
  flex: 2 1 600px;
  flex-wrap: wrap;
  gap: 60px;
}

.site-footer__main-menu,
.site-footer__social-links {
  min-width: 200px;
  flex: 1 1 200px;
}
<style>
@media (max-width: 750px) {
  .site-footer__top {
    flex-direction: column;
    align-items: center;
    gap: 40px !important;
  }

  .site-footer__top-left,
  .site-footer__top-right {
    flex: unset !important;
    min-width: unset !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .site-footer__contact,
  .site-footer__contact-address,
  .site-footer__contact-phone {
    justify-content: center;
  }

  .site-footer__social-links {
    justify-content: center;
    flex-wrap: wrap;
  }

  .site-footer__main-menu {
    align-items: center;
    text-align: center;
  }

  .site-footer__bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px !important;
  }

  .site-footer__bottom-left,
  .site-footer__bottom-right {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
</style>
<style>
.site-footer__main-menu > ul > li > span,
.site-footer__main-menu > ul > li > a {
  font-size: 20px; /* or larger, try 22px or 24px if needed */
  font-weight: 700;
}

.site-footer__main-menu > ul > li {
  margin-bottom: 12px;
}
</style>