footer
    @extend .center-content-h, .layout-col
    background-color color-primary-dark
    padding 1.5rem 7.5%

    & .&-contact, & .&-logo, & .&-sitemap
        @extend .layout-col
        color color-text-alt
        font-size 0.75rem
        max-width 23rem
        padding 1.5rem 0

    & .&-contact
        &-address, &-link
            line-height 1.5rem

        &-address:nth-of-type(3), &-link
            border-bottom 1px solid rgba(white, 25%)

        &-address
            @extend .center-content-v

            &:nth-of-type(3)
                padding-bottom 0.25rem
            
            &:nth-of-type(4)
                margin-bottom 4rem
                padding-top 0.25rem

            &-icon
                color color-accent
                height 1rem
                margin-right 1rem

            &-mail
                color inherit

                &:hover
                    color color-accent

        &-link
            &:before, &:hover
                color color-accent

            &:before
                content '>'
                margin-right 0.5rem
            
            &:last-of-type
                border-bottom none

        &-title
            @extend .font-prim-bold
            font-size 0.875rem
            margin-bottom 1rem

            &:nth-of-type(2)
                margin-top 3rem

    & .&-logo
        @extend .center-content-v
        display none

        &-picture
            max-width 17rem
            width 90%

    & .&-sitemap
        @extend .layout-col
        font-size 0.75rem

        &-copyright
            display inline
            text-align end

            & > a
                display inline-block

                &:hover
                    color color-accent
                    
            & > span
                color color-accent

        &-link
            @extend .center-content-v, .font-prim-bold
            border-bottom 1px solid rgba(white, 25%)
            font-size 0.875rem
            height 3rem

        &-links
            @extend .layout-col
            margin-bottom 2rem


@media (min-width 768px)
    footer
        flex-direction row
        gap 3rem

        & .&-contact, & .&-logo, & .&-sitemap
            width 50%

        & .&-sitemap
            &-link
                justify-content end


@media (min-width 1280px)
    footer
        & .&-contact, & .&-logo, & .&-sitemap
            width calc(100vw / 3)

        & .&-logo
            display flex