.footer {
    position: relative;
    z-index: 200;
    background-color: $color-primary-darker;
    padding: 40px 0;

    @include bp (sm) {
        height: 120px;
    }

    .container {
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    // Site title
    &__title {
        grid-column: span var(--columns);
        grid-row: 1;
        display: block;
        margin-bottom: 40px;
        text-decoration: none;

        @include bp (sm) {
            grid-column: 2 / span 5;
            grid-row: 1;
            margin: -3px 0 0;
        }
    }

    // Links
    &__links {
        grid-column: span var(--columns);
        grid-row: 2;

        @include bp (sm) {
            grid-column: 5 / span 16;
            grid-row: 1;
        }

        ul {

            @include bp (sm) {
                display: flex;
                justify-content: center;
            }
        }
        li {
            display: block;
            margin-bottom: 16px;

            @include bp (sm) {
                margin: 0 16px;
            }

            &:last-child {
                margin-bottom: 0;
            }
        }
        a {
            display: block;
            color: #fff;
            text-decoration: none;
            font-size: rem(16px);
            line-height: 1.3;
            font-weight: 300;
        }
        svg {
            margin-right: 16px;
        }
    }

    &__ctf {
        grid-column: span var(--columns);
        grid-row: 2;
        margin-left: auto;
        margin-top: auto;

        @include bp (sm) {
            grid-column: 19 / span 5;
            grid-row: 1;
            margin-top: 0;
        }

        span {
            font-size: rem(12px);
            color: $color-lilas-bright;
            margin-right: 24px;
        }
    }
}