.footer {
background-color: $charcoal-grey; &__wrapper { @include outer-container; @include pad(rem(40) $outer-pad); display: flex; align-items: center; @include media($mobile) { flex-direction: column; align-items: center; justify-content: center; } } &__list { display: flex; align-items: center; flex-direction: row; margin: 0; list-style-type: none; @include media($mobile) { flex-direction: column; align-items: center; } } &__listItem { margin: 0; margin-right: 30px; display: flex; &:last-child { margin-right: 0; } @include media($mobile) { margin-right: 0; margin-bottom: 20px; } } &__link { font-size: 12px; letter-spacing: 0.08em; color: rgba($white, 0.9); font-weight: 600; text-transform: uppercase; &:hover { color: $white; border-color: $white; } } &__legal { margin: 0; margin-left: auto; display: flex; align-items: center; flex-direction: row; list-style-type: none; @include media($mobile) { margin: 0; flex-direction: column; justify-content: center; } } &__text { color: rgba($white, 0.5); margin: 0; font-size: 12px; letter-spacing: 0.08em; font-weight: 600; text-transform: uppercase; }
}