.footer {background: #464141;width: 100%;max-width: 1920px;margin: 0 auto;margin-top: 1rem;padding-bottom: 2rem; } .footer .banner {position: relative;height: 19.7222222222rem;color: var(--white); } @media (max-width: 991.98px) {.footer .banner {height: 16.6666666667rem;} } .footer .banner .container {position: relative;z-index: 1;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center; } @media (max-width: 650.98px) {.footer .banner .container {padding-bottom: 0;} } .footer .banner .content {font-size: 1.5555555556rem;text-align: center; } .footer .banner .img-fluid {position: absolute;object-fit: cover;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%; } .footer .container-slogan {position: relative;z-index: 1; } .footer .logos {transform: translateY(-50%); } .footer .slogan {padding-top: 2.6666666667rem;padding-bottom: 2.6666666667rem; } @media (max-width: 991.98px) {.footer .slogan {padding-top: 1.1111111111rem;padding-bottom: 1.1111111111rem;font-size: 1.3333333333rem;} } .footer .row-logo {padding: 1.6666666667rem 0; } @media (max-width: 650.98px) {.footer .row-logo {display: none;} } .footer .row-logo .col {text-align: center;padding-left: 0.8333333333rem;padding-right: 0.8333333333rem; } .footer .row-logo .col:first-child {padding-left: 1.6666666667rem; } .footer .row-logo .col:last-child {padding-right: 1.6666666667rem; } .footer .nav {align-items: center;justify-content: center;font-size: 0.8888888889rem;text-transform: uppercase;border-top: solid 1px rgba(112, 112, 112, 0.39);border-bottom: solid 1px rgba(112, 112, 112, 0.39);padding-top: 1.1111111111rem;padding-bottom: 1.1111111111rem; } @media (max-width: 991.98px) {.footer .nav {flex-direction: column;} } .footer .nav .nav-link {color: var(--white); } .footer .nav .nav-link:hover {text-decoration: underline; } .footer .copyright {font-size: 0.6666666667rem;text-align: center;color: var(--white);margin-top: 2.6666666667rem;margin-bottom: 0; }