.footer {
position: relative;
}
.home .footer {
position: fixed;
bottom: clamp(2.5rem, 0rem + 3.125vw, 3.75rem);
margin: 0;
}
@media only screen and (max-width: 600px) {
.home .footer {
bottom: 30px;
}
}
.footer {
margin-block: clamp(2.5rem, 0rem + 3.125vw, 3.75rem);
width: 100%;
display: flex;
align-items: center;
color: #313131;
justify-content: center;
left: 50%;
transform: translateX(-50%);
z-index: 3;
}
@media only screen and (max-width: 1200px) {
.footer {
bottom: 30px;
}
}
.footer p,
.footer li {
margin-block-end: 0;
}
.footer .container {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (min-width: 1200px) {
.footer .container {
padding-inline: 128px;
}
}
@media only screen and (max-width: 900px) {
.footer .container {
flex-direction: column;
align-items: center;
gap: 10px;
}
}
.footer__nav-list {
display: flex;
}
.footer__nav-list .menu-item {
font-size: 17px;
}
@media only screen and (max-width: 600px) {
.footer__nav-list .menu-item {
font-size: 14px;
}
}
.footer__nav-list .menu-item a:hover {
text-decoration: underline;
}
.footer__nav-list .menu-item:not(:last-child)::after {
content: "|";
margin-inline: 20px;
}
.footer__social {
display: flex;
align-items: center;
gap: 28px;
opacity: 0.7;
}
.footer__social img {
width: clamp(2.125rem, 0.75rem + 1.719vw, 2.813rem);
}
@media only screen and (max-width: 600px) {
.footer__social img {
width: 30px;
height: 30px;
}
}
.home .footer_social img {
filter: invert(1);
}