.footer { margin: 0 auto; font-size: 12px; font-weight: 600; display: flex; flex-direction: row; box-sizing: border-box; justify-content: flex-end; align-items: center; padding-top: var(--grid-basis); width: 100%; } .legalSection { display: flex; align-items: center; flex-direction: row; } .legalSection__link { color: var(--lightTextColor); white-space: nowrap; margin-left: calc(var(--grid-basis) * 2); } .legalSection__link:hover { color: var(--textColor); } .socialSection__icon { width: 32px; height: 32px; margin: 0 0 -5px calc(var(--grid-basis) * 2); } .dropDownArrow { display: none; } .dropdown__only { display: none; } @media (max-device-width: 750px), (max-width: 750px) { .footer { align-items: flex-end; margin: 0; min-width: 455px; } .footer_hiddenIcon { display: none; } .dropdown__only { display: block; } .dropDownArrow { display: initial; float: right; } .legalSection { flex: 0; background-color: #fff; display: block; border-radius: 4px; border: 1px solid rgba(12, 12, 13, 0.1); box-sizing: border-box; text-align: left; margin-right: auto; } .legalSection__link { flex: none; display: block; box-sizing: border-box; height: 24px; width: 176px; margin: 0; padding: 4px 20px 0 8px; text-shadow: none; font-weight: 400; color: var(--lightTextColor); } .legalSection__link:visited { color: var(--lightTextColor); } .legalSection__link:hover { color: var(--primaryControlFGColor); background-color: var(--primaryControlBGColor); } .footer__noDisplay { display: none; } }