.footer{ margin-top: 30px; background-color: #eaeaea; color: #878787; padding: 30px 0 0 0; .footer-nav__item{ a{ font: 12px/25px "Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Ubuntu,Arial,sans-serif; color: #5a748b; } } .footer-top__about{ font: 10px/16px "Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Ubuntu,Arial,sans-serif; color: #878787; @media(max-width: @size-mobile){ font: 12px/20px "Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Ubuntu,Arial,sans-serif; } } .socials{ .socials__list{ display: flex; } .icon{ fill: #B7A8A8; width: 24px; height: 14px; } } .footer__bottom{ background: white; padding: 8px 0; font: 12px/18px "Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Ubuntu,Arial,sans-serif; color: #a8a8a8; a{ color: #a8a8a8; } } }