.footer { @include container--full; margin-top: 3rem; margin-bottom: 2.5rem; display: flex; justify-content: space-between; font-size: -cdd-rem(14); @media (max-width: 69em) { margin-bottom: 1.5rem; } @media (max-width: 35em) { flex-direction: column; align-items: center; } @media print { margin-bottom: 0; } } .footer__top { display: none; @media (max-width: 35em) { display: block; margin-bottom: 0.8em; } @media print { display: none; } } .footer__nav li { display: inline-block; &:not(:last-child)::after { content: 'ยท'; display: inline-block; padding: 0 0.25em; color: $color--passive-dark; } }