.footer {
background: var(--bg);
box-shadow: 0px -2px 26.8px 0px #452C2C47;
padding: 20px 0;
} .footer__content {
display: flex;
flex-direction: column;
gap: 10px;
} .footer_top {
display: flex;
justify-content: space-between;
} .footer_top_left,
.footer_top_right {
display: flex;
flex-direction: column;
align-items: center;
max-width: 304px;
width: 100%;
} .footer-logo {
display: flex;
max-width: 104px;
width: 100%;
} .footer-logo:hover {
transform: scale(1.1);
} .footer-logo img {
max-width: 104px;
width: 100%;
} .footer_top_left h2,
.footer_top_right h2 {
max-width: 262px;
width: 100%;
font-size: 20px;
font-weight: 400;
line-height: 100%;
letter-spacing: 5%;
text-align: center;
vertical-align: middle;
color: var(--light);
} .footer-menu {
display: flex;
justify-content: space-between;
gap: 15px;
max-width: 864px;
width: 100%;
} .footer-menu__list {
display: flex;
flex-direction: column;
gap: 10px;
} .footer-menu__list h2 {
font-size: 24px;
font-weight: 400;
line-height: 100%;
letter-spacing: 5%;
vertical-align: middle;
text-transform: uppercase;
color: var(--dark);
} .footer-menu__list_second-level {
display: flex;
flex-direction: column;
gap: 10px;
} .footer-menu__item_second-level {
display: flex;
} .footer-menu__item_second-level a {
font-size: 15px;
font-weight: 400;
line-height: 18px;
letter-spacing: 5%;
vertical-align: middle;
text-transform: uppercase;
color: var(--footerColor);
} .footer-menu__item_second-level:hover a {
transform: scale(1.05);
color: var(--light);
} .footer-menu .line {
width: 2px;
height: 179px;
background: var(--light2);
} .footer-menu__list.contacts .footer-menu__item_second-level a {
display: flex;
align-items: center;
gap: 25px;
} .footer-menu__list.contacts .footer-menu__item_second-level a svg {
min-width: 25px;
min-height: 25px;
width: 25px;
height: 25px;
color: var(--light2);
} .footer-menu__list.contacts .footer-menu__item_second-level a p {
height: fit-content;
} .footer_bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 10px;
border-top: 1px solid var(--light);
} .footer_bottom p,
.footer_bottom a {
font-size: 13px;
font-weight: 400;
line-height: 100%;
letter-spacing: 5%;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
color: var(--dark);
} .footer_bottom a:hover {
transform: scale(1.05);
color: var(--light);
}
@media (max-width: 1300px) {
.footer_top {
flex-direction: column;
align-items: center;
gap: 30px;
} .footer_top_right {
display: none;
}
} @media (max-width: 700px) {
.footer_top {
gap: 15px;
} .footer_top_left {
max-width: 261px;
width: 100%;
padding-bottom: 20px;
border-bottom: 2px solid var(--light2);
} .footer-menu {
flex-direction: column;
align-items: center;
} .footer-menu .line {
max-width: 261px;
width: 100%;
height: 2px;
} .footer-menu__list {
max-width: 261px;
width: 100%;
} .footer_top_right {
display: flex;
max-width: 261px;
width: 100%;
padding-top: 20px;
border-top: 2px solid var(--light2);
}
} @media (max-width: 620px) {
.footer_bottom {
max-width: 261px;
width: 100%;
flex-direction: column;
gap: 20px;
padding-top: 20px;
border-top: 2px solid var(--light2);
margin: 10px auto 0;
} .footer_bottom p {
line-height: 16px;
}
}