footer { background: #EDEFF5; padding: 45px 0; box-sizing: border-box; @media all and (max-width: 1600px) and (min-width: 1280px) { padding: 25px 0; } @media all and (max-width: 768px) { margin-top: 40px; pading: 25px 0; } .container { display: flex; justify-content: space-between; align-items: flex-start; background: transparent; padding-bottom: 0; @media all and (max-width: 1279px) { padding: 0; flex-wrap: wrap; } } .column { width: 270px; box-sizing: border-box; @media all and (max-width: 1279px) { width: 33.333%; &:last-child { width: 100%; display: flex; flex-wrap: wrap; > div, > p { width: 33.333%; margin-top: 35px; padding-right: 30px; box-sizing: border-box; margin-bottom: 0 !important; } } } @media all and (max-width: 768px) { width: 100%; margin-bottom: 16px; &:last-child { > div, > p { width: 100%; margin-top: 15px; padding-right: 0; } } } &:not(:last-child) { padding-right: 15px; } li{ &:not(:last-child) { margin-bottom: 13px; @media all and (max-width: 768px) { margin-bottom: 8px; } } a { color: #000; } } p { color: #8E94A7; line-height: 32px; } a { &[href^="tel"] { display: inline-block; font-size: 16px; line-height: 32px; color: #000; padding-left: 40px; background: url("/assets/images/icons/icon-phone.svg") no-repeat left center; @media all and (max-width: 1600px) { font-size: 13px; background-size: 24px; padding-left: 37px; } } &[href^="mailto"] { display: inline-block; font-size: 16px; line-height: 24px; color: #000; padding-left: 40px; background: url("/assets/images/icons/icon-mail.svg") no-repeat left center; @media all and (max-width: 1600px) { font-size: 13px; background-size: 24px; padding-left: 37px; } } } div { &:nth-child(1), &:nth-child(2), &.socials { margin-bottom: 40px; @media all and (max-width: 1600px) and (min-width: 1280px) { margin-bottom: 20px; } } a { line-height: 32px; @media all and (max-width: 1279px) { line-height: 1.45; } } } } }