.footer {width: 100%;max-width: 1920px;margin: 0 auto;margin-top: 1rem; } @media (max-width: 991.98px) {.footer {padding-bottom: 2.1875rem;} } .footer .container {position: relative; } .footer .footer-line {background: var(--primary);color: var(--black);padding-top: 1.5625rem;text-align: center;height: 8.875rem; } @media (max-width: 991.98px) {.footer .footer-line {height: 10.75rem;} } .footer .footer-line a {color: var(--black);font-weight: 800; } .footer .footer-nav {background: #28241c;position: relative;top: -3.8125rem;color: var(--white);padding: 0 1.4375rem 1.5625rem 1.4375rem; } .footer .footer-nav .col {padding: 2.5rem 1.4375rem 1.375rem 1.4375rem; } @media (max-width: 991.98px) {.footer .footer-nav .col.col-logo {text-align: center;} } .footer .footer-nav .nav {flex-direction: column; } .footer .footer-nav .nav li {margin-bottom: 0.9375rem; } @media (max-width: 991.98px) {.footer .footer-nav .nav li {font-size: 1.125rem;} } .footer .footer-nav .nav li a {display: flex;align-items: center; } .footer .footer-nav .nav li svg {margin-right: 0.625rem; } .footer .footer-nav h2, .footer .footer-nav .h2 {color: var(--white);font-family: "Plus Jakarta Sans";font-size: 1.125rem;font-weight: 700;line-height: 176%;margin-bottom: 0.9375rem; } @media (max-width: 991.98px) {.footer .footer-nav h2, .footer .footer-nav .h2 {font-size: 1.375rem;} } .footer .footer-nav .logo {margin-bottom: 2.3125rem; } .footer .footer-nav address {font-size: 0.875rem;font-weight: 700; } .footer .footer-nav .adult-info {text-align: center;font-size: 0.75rem;font-weight: 600; } .footer .copyright {position: absolute;bottom: 1.1875rem;text-align: center;display: flex;flex-direction: row;align-items: center;justify-content: center;align-items: center;width: calc(100% - 1rem);font-size: 0.75rem;font-weight: 400;line-height: 176%; } @media (max-width: 991.98px) {.footer .copyright {flex-direction: column;bottom: -1rem;} } .footer .copyright p {margin-bottom: 0; } .footer .copyright a {color: var(--black); } @media (max-width: 991.98px) {.footer .copyright .nav {flex-direction: column;} } .footer .copyright li {position: relative;padding-left: 0.5rem;margin-left: 0.5rem; } @media (max-width: 991.98px) {.footer .copyright li {padding-left: 0;margin-left: 0;} } .footer .copyright li::before {content: " ";position: absolute;left: 0;top: 0;height: 100%;width: 1px;background: var(--primary); } @media (max-width: 991.98px) {.footer .copyright li::before {display: none;} }