/* Sticky footer + centered footer content (for your uploaded index)
   Include this AFTER main.css and remove previous sticky-contact*.css overrides. */

/* Page is a vertical flex layout so the footer stays at bottom */
html, body { height: 100%; min-height: 100%; }
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
main, #main, .main {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Keep HERO from forcing full-screen; you already set margin-top: 13vh in your CSS */
#hero, .hero { min-height: auto !important; }

/* Footer behaves like a footer even when content is short */
#footer.footer { margin-top: auto; }

/* === CENTER THE FOOTER CONTENT HORIZONTALLY === */
#footer .container {
  margin-left: auto !important;
  margin-right: auto !important;
}
#footer .row {
  display: flex;                    /* ensure flex context for Bootstrap's row */
  justify-content: center !important; /* center the three columns as a group */
}

/* Optional: if vrei și textul din coloane centrat, decomentează:
#footer .col-lg-3, #footer .col-md-6 { text-align: center; }
#footer .d-flex { justify-content: center; }
*/