.footer { $footer-background: $medium-gray; $footer-color: white; $footer-link-color: transparentize($footer-color, .6); $footer-disclaimer-color: transparentize($footer-color, .6); background: $footer-background; .content { padding: $container-padding*2 0; } .footer-links { @include clearfix; margin-bottom: $base-line-height; } ul { margin-bottom: $base-line-height*2; @include media($medium-screen) { @include span-columns(3); @include omega(4n); @include clearfix; } } li { text-align: center; @include media($medium-screen) { text-align: center; } } li a { color: $footer-link-color; &:hover { color: transparentize($footer-color, 0); } } li h3 { color: $footer-color; font-size: 1em; font-weight: 800; margin-bottom: .4em; } hr { border: 1px solid transparentize($footer-disclaimer-color, .3); margin: 0 auto $base-line-height; width: 12em; } p { color: $footer-disclaimer-color; font-size: .9em; line-height: 1.5em; margin: auto; max-width: 35em; text-align: center; } }