.site-footer {
    padding: var(--spacing-xl) 0;

    @media screen and (max-width: 768px) {
        margin-top: var(--spacing-xl);
        border-top: 1px solid var(--color-white);
        padding: var(--spacing-6) 0;
    }
    .footer-logo {
        margin-bottom: var(--spacing-sm);

        @media screen and (max-width: 576px) {
            margin-bottom: 15px;
        }
        a {
            display: inline-block;
        }
        img {
            @media screen and (max-width: 576px) {
                width: 155px;
            }
        }
    }
    .contact-information {
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: calc(70px - 1rem);
        width: 100%;
        max-width: 560px;

        @media screen and (max-width: 991px) {
            margin-bottom: var(--spacing-sm);
        }
        @media screen and (max-width: 576px) {
            font-size: 14px;
        }
        a {
            font-weight: 400;
        }
    }
    .social-icons {
        ul {
            padding: 0;
            margin: 0;

            li {
                list-style-type: none;
                display: inline-block;
                margin-right: 20px;

                @media screen and (max-width: 576px) {
                    margin-right: 15px;
                }
                &:last-of-type {
                    margin-right: 0;
                }
                a {
                    display: block;
                    transition: .2s ease-in-out;

                    &:hover, &:focus-visible {
                        transform: scale(1.15);
                    }
                    img {
                        max-width: 36px;
                        height: 36px;
                        
                        @media screen and (max-width: 576px) {
                            width: 25px;
                            height: 25px;
                        }
                    }
                }
            }
        }
    }
    .footer-columns {
        @media screen and (max-width: 991px) {
            padding-top: var(--spacing-xs);
        }
        @media screen and (max-width: 576px) {
            padding-top: 0;
        }
        .footer-col {
            padding-top: 18px;
            padding-bottom: 18px;

            @media screen and (max-width: 576px) {
                padding-top: 15px;
                padding-bottom: 15px;
            }
            .footer-navigation {
                ul {
                    margin: 0;
                    padding: 0;

                    li {
                        list-style-type: none;
                        margin-bottom: var(--spacing-xs);

                        &:last-of-type {
                            margin-bottom: 0;
                        }
                        &.section-heading {
                            a {
                                &:not(.btn) {
                                    font-weight: 500;
                                    color: var(--color-white);
                                }
                            }
                        }
                        &.no-link {
                            a {
                                pointer-events: none;
                            }
                        }
                        &.button {
                            margin-top: 36px;

                            @media screen and (max-width: 576px) {
                                margin-top: 30px;
                            }
                        }
                        a {
                            &:not(.btn) {
                                font-size: 1rem;
                                font-weight: 400;
                                text-decoration: none;
                                color: #BFCEDE;

                                &:hover, &:focus-visible {
                                    text-decoration: underline;
                                    color: var(--color-white);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .copyright {
        margin-top: 90px;

        @media screen and (max-width: 991px) {
            margin-top: 60px;
        }
        @media screen and (max-width: 576px) {
            margin-top: 30px;
        }
        p {
            font-size: 1rem;
            font-weight: 400;
            margin-bottom: 0;

            @media screen and (max-width: 576px) {
                font-size: 14px;
            }
        }
    }
}