body.page-sub{ #footer{ padding: 40px 0; margin-top: 0; .hashicorp-project{ margin-top: 24px; &:hover{ svg{ .svg-bg-line{ opacity: .4; } } } } } } #footer{ background-color: white; padding: 150px 0 80px; margin-top: -40px; &.white{ background-color: $black; .footer-links{ li > a { @include project-footer-a-subpage-style(); } } } .footer-links{ li > a { @include project-footer-a-style(); } } .hashicorp-project{ margin-top: 24px; } .pull-right{ padding-right: 15px; } } .edit-page-link{ position: absolute; top: -70px; right: 30px; z-index: 9999; a{ text-transform: uppercase; color: $black; font-size: 13px; } } @media (max-width: 992px) { .footer-links { display: block; text-align: center; ul{ display: inline-block;; float: none !important; } .footer-hashi{ display: block; float: none !important; } } } @media (max-width: 414px) { #footer{ ul{ display: block; li{ display: block; float: none; } &.external-links{ li{ svg{ position: relative; left: 0; top: 2px; margin-top: 0; margin-right: 4px; } } } } } }