.footer { background: var(--dark-blue); }
.footer .container {  }
.footer .container .content { padding: 7.5rem 0 1.75rem 0; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; gap: 5rem; }
.footer .container .content .about { flex: 1 0 calc(30% - 5rem); }
.footer .container .content .about img { margin-bottom: 1.5rem; height: 3.75rem; width: auto; display: block; filter: var(--white-filter); }
.footer .container .content .about p { font-size: 1rem; font-weight: 400; color: var(--light-text); margin-bottom: 0; line-height: 1.4; }
.footer .container .content .link-columns { flex: 1 0 calc(70% - 5rem); display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; gap: 2.25rem; }
.footer .container .content .link-columns .link-column { flex: 1 0 calc((100% / 3) - 2.25rem); }
.footer .container .content .link-columns .link-column h3 { font-size: 1.25rem; font-weight: 400; color: var(--light-text); margin-bottom: 1.5rem; line-height: 1.2; font-family: "RobotoSerif", sans-serif; }
.footer .container .content .link-columns .link-column ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 0.75rem; }
.footer .container .content .link-columns .link-column ul li { flex: 1 0 100%; }
.footer .container .content .link-columns .link-column ul li a { font-size: 1rem; font-weight: 400; color: var(--light-text); margin-bottom: 0; line-height: 1.4; text-decoration: none; }
.footer .container .content .link-columns .link-column ul li a .icon { width: 1rem; height: 1rem; filter: var(--light-icon); margin-right: 0.5rem; vertical-align: baseline; }
.footer .container .content .footer-bottom {padding-top: 12.5rem; flex: 1 0 100%; }
.footer .container .content .footer-bottom p { font-size: 1rem; font-weight: 400; color: var(--light-text); margin-bottom: 0.75rem; line-height: 1.4; text-align: center; }
.footer .container .content .footer-bottom p a { text-decoration: none; color: var(--light-text); }

@media (max-width: 991.98px) {
    .footer .container .content { padding: 5rem 0 1.75rem 0; gap: 3rem; }
    .footer .container .content .about { flex: 1 0 100%; }
    .footer .container .content .link-columns { flex: 1 0 100%; gap: 2rem; }
    .footer .container .content .link-columns .link-column { flex: 1 0 calc(50% - 1rem); }
}

@media (max-width: 767.98px) {
    .footer .container .content .link-columns { flex-direction: column; }
    .footer .container .content .link-columns .link-column { flex: 1 0 100%; }
    .footer .container .content .link-columns .link-column ul li a { overflow-wrap: anywhere; }
    .footer .container .content .footer-bottom { padding-top: 4rem; }
}

@media (max-width: 575.98px) {
    .footer .container .content { padding: 3.5rem 0 1.5rem 0; gap: 2.5rem; }
    .footer .container .content .footer-bottom { padding-top: 3rem; }
    .footer .container .content .footer-bottom p { font-size: 0.9375rem; }
    .footer .container .content .about .logo-desktop { display: none; }
    .footer .container .content .about .logo-mobile { display: block; }
}
