.page__footer {
    background-color: rgba($primary, .4);
    margin: {
        top: 1.5rem;
    };

    padding: {
        top: 1.5rem;
        bottom: 1.5rem;
    }

    a {
        color: inherit;
    }

    &__lev1,
    &__lev2,
    &__lev3,
    &__lev4,
    &__lev5  {
        padding: {
            top: 2.5rem;
            bottom: 2.5rem;
        }

        * {
            color: $white;
            font: {
                size: 0.9rem;
            }
        }
    }

    &__lev1,
    &__lev2,
    &__lev3 {
        border-bottom: 1px solid $white;
    }

    &__lev1 {
        a {
            display: block;
        }

        .logo {
            img, svg {
                height: 40px;
                width: auto;
            }

            &-fix-height {
                img, svg {
                    height: 34px;
                    width: auto;
                }
            }
        }

        img, svg {
            width: 90%;
            display: block;

            margin: {
                left: auto;
                right: auto;
            }
        }
        svg {
            path#dot { fill: rgba($primary, .4); }
        }
    }

    &__lev2 {
        .text {
            display: flex;
            font-weight: 700;
        }

        [class*="icon"] {
            margin-right: 1rem
        }
    }

    .td {
        &__title {
            color: inherit;
            text-align: left;
        }
    }

    &__lev3 {
        h4,
        .menu-title {
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: 1rem;
        }
        ul li {
            margin-bottom: 0.75rem;
        }
    }

    &__lev4 {
        border-top: 1px solid #fff;
    }

    &__lev5 {
        text-align: center;

        nav {
            margin: {
                top: map-get($spacers, 5);
                bottom: map-get($spacers, 5);
            }

            ul {
                display: flex;
                justify-content: center;
                list-style: none;
                margin: 0;
                padding: 0;
            }

            li:not(:first-child) {
                border-left: 1px solid white;
            }

            a {
                display: block;
                padding: {
                    left: map-get($spacers, 3);
                    right: map-get($spacers, 3);
                }
            }
        }
    }
}

@include media-breakpoint-up(md) {
    .page__footer {
        &__lev3 {
            display: flex;

            > div {
                flex: 1 1 25%;
            }
        }
    }
}