footer { background-color: white; width: 100%; padding: 1rem 2rem; margin-top: auto; } .footer-content { margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 2rem; @media ($tablet) { gap: unset; flex-direction: row; } } .footer-nav { ul#menu-footer, ul#menu-footer-en { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem 2rem; @media ($tablet) { justify-content: start; } li { a { text-transform: uppercase; font-size: 0.75rem; } } } } .footer-logos { display: inline-flex; height: 3rem; gap: 1rem; padding: 0.5rem; align-items: start; > a { height: 100%; > img { height: 100%; } } }