.footer {
margin-top: 200px;
padding-top: 48px;
padding-bottom: 32px;
border-top: 1px solid var(--shades-150);
}
.footer .footer__top {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-right: 121px;
}
.footer .footer__logo {
height: 40px;
}
.footer .footer__logo img,
.footer .footer__logo svg {
display: block;
height: 100%;
width: auto;
}
.footer .footer__socials {
display: flex;
align-items: stretch;
justify-content: flex-start;
gap: 8px;
margin-top: 48px;
}
.footer .footer__top-right {
display: flex;
align-items: flex-start;
justify-content: flex-end;
gap: 123px;
}
.footer .footer__nav-list {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
gap: 16px;
}
.footer .footer__bot {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 120px;
}
.footer .footer__partners {
display: flex;
align-items: stretch;
justify-content: flex-start;
gap: 16px;
}
.footer .footer__partners img,
.footer .footer__partners svg {
display: block;
height: 32px;
width: auto;
}
.footer .footer__copyright *,
.footer .footer__copyright {
color: var(--shades-250);
}
@media screen and (max-width: 1200px) {
.footer {
margin-top: 120px;
padding-top: 40px;
padding-bottom: 40px;
}
.footer .footer__top {
display: block;
padding-right: 0;
}
.footer .footer__socials {
margin-top: 40px;
}
.footer .footer__top-right {
justify-content: flex-start;
margin-top: 40px;
}
.footer .footer__bot {
margin-top: 40px;
}
}
@media screen and (max-width: 759px) {
.footer .footer__top-right {
justify-content: space-between;
gap: 0;
}
.footer .footer__nav-list {
width: 48%;
}
.footer .footer__bot {
display: block;
}
.footer .footer__copyright {
margin-top: 40px;
}
}