.footer-container { display: flex; height: 100%; width: 100%; background-color: white; flex-direction: column; align-items: center; justify-content: center; } .footer-logo-container { margin: 2%; height: 80%; } .footer-wrapper { height: 40%; width: 100%; margin: 5%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .footer-link { text-decoration: none; color: black; font-weight: bold; } .footer-title { font-size: 1.3rem; font-weight: bold; } @media only screen and (min-width: 999px) { .footer-container { flex-direction: row; align-items: flex-start; justify-content: flex-start; } .footer-wrapper { width: 60%; } }