.footer { background: var(--gray-color);}
.footer__top { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; align-items: center; justify-content: center; gap: 20px; text-align: center; padding: 60px var(--padding-page)}
.footer__bottom { background-color: var(--black-color); color: var(--white-color); text-align: center; padding: 20px var(--padding-page)}
.footer__copyright { color: var(--white-color);}

.footer__navigation { list-style-type: none; text-align: left; }
.footer__navigation a { margin-bottom: 10px; display: block;}
.footer__contacts a { text-decoration: none; margin-bottom: 10px; display: block }
.footer__contacts a:hover { color: var(--primary-color)}

.footer__navigation .nav_item a { color: var(--black-color) }

@media screen and (max-width: 480px) {
    .footer__top { grid-template-columns: 1fr;}
}