@import "~/styles/partials/mixins";
@import "~/styles/partials/variables";
.footer{
    &--wrap{
        border-top: 2px solid $white;
        position: relative;
        &::before{
            content: '';
            background-image: url('/../assets/images/network-bg-black.webp');
            background-size: cover;
            background-repeat: no-repeat;
            transform: rotate(180deg);
            width: 250px;
            height: 250px;
            position: absolute;
            bottom: 0;
            left: 0;
            @include maxOrientation(1024, portrait) {
               bottom: auto;
               top: 0;
               left: auto;
               right: 0;
               width: 180px;
               height: 180px;
               transform: rotate(0deg);

            }

        }
        &-nav{
            width: 80%;
            z-index: 1;
            @include maxOrientation(1024, portrait) {
                width: 100%;
            }
        }
        &-logo{
            z-index: 1;
                    }
    }
    &--main{
        &-link{
            width: 20%;
            @include maxOrientation(1024, portrait) {
                width: 100%;
            }
        }
        &-sub{
            &-link{
                width: 80%;
                @include maxOrientation(1024, portrait) {
                    width: 100%;
                }
            }
        }
    }
}