.footer {width: 100%;min-height: 16.6666666667rem;margin: 1.5rem 0 0;padding: 3.1111111111rem 0 2.4444444444rem;color: var(--white);background: var(--primary);border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer > .container {max-width: 1452px; } .footer .col-logo, .footer .col-content, .footer .col-socials {padding-top: 1.1111111111rem;padding-bottom: 1.1111111111rem; } .footer .col-logo {display: flex;align-items: flex-start; } .footer .col-logo .logo {display: block;width: 100%;max-width: 8.3333333333rem; } .footer .col-logo .logo svg {width: 100%;height: auto; } .footer .col-content .row {justify-content: space-around; } .footer .col-content nav {display: flex;flex-direction: column;gap: 0.5555555556rem; } .footer .col-content nav a, .footer .col-content nav span {display: flex;align-items: center;color: rgba(255, 255, 255, 0.7);font-size: 0.7777777778rem;line-height: 1.35; } .footer .col-content nav a svg, .footer .col-content nav span svg {margin-right: 0.3888888889rem; } .footer .col-content nav a:hover {color: var(--white);text-decoration: none; } .footer .col-socials {display: flex;flex-direction: column;align-items: flex-start; } .footer .col-socials .row {margin: 0;gap: 0.4444444444rem; } .footer .col-socials .col {padding: 0; } .footer .col-socials .btn {display: grid;place-items: center;width: 2.4444444444rem;height: 2.4444444444rem;padding: 0;color: var(--white);background: transparent;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 0;transition: background-color 0.2s ease, color 0.2s ease; } .footer .col-socials .btn:hover {color: var(--primary);background: var(--secondary); } .footer .col-socials .btn svg, .footer .col-socials .btn .img-fluid {width: 1.0555555556rem;height: auto; } .footer h2, .footer .h2 {margin-bottom: 1.1111111111rem;color: var(--white);font-family: "Manrope", sans-serif;font-size: 0.6666666667rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase; } .footer a {color: var(--white); } @media (max-width: 767.98px) {.footer {text-align: center;}.footer .col-logo, .footer .col-socials {align-items: center;justify-content: center;}.footer .col-content nav {align-items: center;}.footer .col-logo,.footer .col-content,.footer .col-socials {padding-top: 24px;padding-bottom: 24px;}.footer .col-content > .row {row-gap: 32px;}.footer h2,.footer .h2 {font-size: 14px;}.footer .col-content nav a,.footer .col-content nav span {font-size: 16px;line-height: 1.5;} }