.footer { margin: auto; padding: 1.5rem 0rem; width: 100%; flex-shrink: 0; text-align: center; display: block; background-color: #333; color: #f2f2f2; } .social-media-footer { display: flex; justify-content: center; flex-wrap: wrap; font-size: 2em; color: {{ .Site.Params.color.primary }}; } .social-media-footer a { color: {{ .Site.Params.color.primary }}; } .links { margin-top: 1.5rem; display: flex; justify-content: center; flex-wrap: wrap; padding: 0; } .link { display: flex; justify-content: space-around; flex-grow: 0; flex-shrink: 1; line-height: 32px; padding: 0px 24px; } .link a { color: inherit; } .link:before { content: none; } .copyright { margin-top: 2rem; width: 100%; font-size: small; }