.footer {background: var(--color1);color: var(--secondary);width: 100%;max-width: 1920px;margin: 0 auto;padding-top: 2.7777777778rem;border-top: 1px solid #D4CFC9; } @media (min-width: 768px) {.footer {font-size: 0.7777777778rem;} } .footer .row > * {margin-bottom: 1.6666666667rem;text-align: center; } @media (min-width: 768px) {.footer .row > * {text-align: left;} } .footer .footer-slogan {line-height: 1.9;padding-right: 1.6666666667rem; } @media (min-width: 768px) {.footer .footer-slogan {font-size: 0.6666666667rem;} } .footer .socials {display: flex;gap: 0.8333333333rem;justify-content: center; } @media (min-width: 768px) {.footer .socials {justify-content: flex-start;} } .footer .socials svg {color: var(--black); } .footer .footer-logo {margin-bottom: 1.3888888889rem; } .footer h3 {color: #B8960C;margin-bottom: 1.6666666667rem; } @media (min-width: 768px) {.footer h3 {font-size: 0.8888888889rem;} } .footer .nav {flex-direction: column;gap: 0.8333333333rem; } .footer .nav > * {color: var(--secondary); } .footer .nav > *:hover {text-decoration: underline; } .footer .col-links {display: none; } @media (min-width: 768px) {.footer .col-links {display: block;} } .footer .contact {display: flex;gap: 0.8333333333rem;color: var(--secondary);justify-content: center; } @media (min-width: 768px) {.footer .contact {justify-content: flex-start;} } .footer .copyright-block {background: #E8E4DF;border: 1px solid #D4CFC9;margin-top: 0;padding: 0.8333333333rem 0; } @media (min-width: 768px) {.footer .copyright-block {margin-top: 2.2222222222rem;} } .footer .copyright-block .copyright {font-size: 0.7777777778rem;text-align: center;color: #6B6B6B; } @media (min-width: 768px) {.footer .copyright-block .copyright {font-size: 0.6666666667rem;} } .footer .copyright-block .madeby {position: relative; } .footer .copyright-block .madeby:hover .conti-logo {visibility: non-visible;opacity: 0; } .footer .copyright-block .madeby:hover::after {letter-spacing: 0;opacity: 1;color: var(--secondary);text-decoration: none;transition: all 0.1s; } .footer .copyright-block .madeby .conti-logo {content: url("/static/img/contimex_logo.svg");width: 2.2222222222rem;height: auto;display: inline-flex;position: relative; } .footer .copyright-block .madeby::after {content: "Contimex";position: absolute;top: -50%;right: 50%;opacity: 0;font-size: 0.7777777778rem;transform: translateY(50%) translateX(50%); } .footer-fix {margin-bottom: -1rem; }