footer { position: relative; background: $newClassic; color: #fff; padding: 2rem 0; width: 100%; margin: 0 auto; .inside { max-width: 1050px; margin: 0 auto; border-top: 1px solid #fff; padding: 0.5rem 15px 0 15px; .top-link { position: absolute; top: -6rem; left: 50%; transform: translateX(-50%); a { position: relative; font-size: size(14); text-transform: uppercase; color: $main-color; &:before { position: absolute; content: ''; top: -20px; left: calc(50% - 15px); border: solid $main-color; border-width: 0 1px 1px 0; display: inline-block; padding: 15px; transform: rotate(-135deg); } } } ul { display: flex; margin: 0; padding: 0; li { list-style-type: none; margin: 0 1rem; } } a { color: inherit; } .node_wrapper { display: flex; justify-content: space-between; align-items: center; flex-direction: column; @media (min-width: 992px) { flex-direction: row; } .ce_text { p { margin: 0; strong { @include futura-bold; font-size: size(20); text-transform: uppercase; } } } .mod_customnav { display: flex; flex-wrap: wrap; justify-content: center; } .socials { width: 100%; max-width: 60px; } } } }