.site-footer {background: var(--color-footer);color: #d1d5dc}
.site-footer__top {display: grid;grid-template-columns: 2fr 1.5fr 1fr 2fr;gap: 50px;min-height: 409px;padding-top: 64px}
.site-footer__brand {max-width: 386px}
.site-footer__logo {width: 96px;height: 95px;object-fit: contain}
.site-footer__name {margin: 10px 0 8px;color: #fff;font-size: 30px;font-weight: 500;line-height: 0.8}
.site-footer__brand p {margin: 0 0 10px;line-height: 1.625;}
.site-footer__social {display: flex;gap: 16px;margin-top: 8px}
.site-footer__social a {display: grid;width: 40px;height: 40px;place-items: center;border-radius: 50%;background: #2d3748;color: #fff}
.site-footer__column {display: flex;flex-direction: column;gap: 8px}
.site-footer__column h3,
.site-footer__contact h3 {margin: 8px 0 8px;color: #fff;font-size: 18px;font-weight: 500}
.site-footer__column a {line-height: 24px}
.site-footer__contact {display: flex;flex-direction: column;gap: 12px;font-style: normal}
.site-footer__contact p {margin: 0;line-height: 24px;display: inline-flex;align-items: self-start;gap: 12px;}
.site-footer a:hover {color: #fff}
.site-footer__bottom {border-top: 1px solid #1e2939}
.site-footer__legal {display: flex;min-height: 75px;align-items: center;justify-content: space-between;color: #666}
.site-footer__legal p {margin: 0}
.site-footer__legal div {display: flex;gap: 24px;color: #d1d5dc}
.site-footer__contact a{display: inline-flex;align-items: self-start;gap: 12px;}
.site-footer__contact img{margin-top: 5px;}
@media(max-width:1399.98px) {
	.site-footer__top {grid-template-columns: 2fr 1fr 1fr 1.8fr}
}
@media(max-width:991.98px) {
	.site-footer__top {grid-template-columns: 2fr 1fr 1fr}
    .site-footer__contact {grid-column: 1/-1;padding-bottom: 48px}
    .site-footer__legal {padding-block: 20px;gap: 18px}
}
@media(max-width:767.98px) {
	.site-footer__top {grid-template-columns: 1fr 1fr}
    .site-footer__brand {grid-column: 1/-1}
    .site-footer__contact {grid-column: 1/-1}
    .site-footer__legal {display: block;text-align: center}
    .site-footer__legal div {justify-content: center;margin-top: 10px}
}
@media(max-width:575.98px) {
	.site-footer__top {display: block;padding-top: 48px}
    .site-footer__column,
    .site-footer__contact {margin-top: 36px}
    .site-footer__legal div {gap: 14px;font-size: 14px}
}