#main-footer {
    text-align: center;
    margin-top: auto;
    padding: 10px 16px 50px;
    color: var(--primary-white);
    position: relative;
    z-index: 2;
}

#main-footer__nav {
    flex-direction: column;
}

#main-footer__social ul,
#main-footer__nav ul {
    width: 100%;
    justify-content: center;
    color: white;
}

#main-footer .nav-item {
    margin: 25px 40px;
    display: inline-block;
}

#main-footer .nav-item a {
    justify-content: center;
}

#main-footer .logo {
    margin: 25px auto 50px;
}

#main-footer__social .nav-item a i {
    transition: 0.2s linear;
}

#main-footer__social .nav-item a:hover i {
    transform: scale(1.1);
}

#main-footer__nav .nav-item a {
    transition: 0.2s linear;
    border-bottom: none;
}

#main-footer__nav .nav-item a:hover {
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}

body.dark .i-social {
    filter: invert(1);
}

@media (max-width: 1620px) {
    #main-footer .nav-item {
        margin: 16px 8px;
    }

    #main-footer .i-social {
        width: 32px;
        height: 32px;
        background-size: contain;
    }

    #main-footer .logo {
        margin: 24px auto;
    }
}

@media (max-width: 992px) {
    #main-footer__nav ul {
        flex-direction: column;
    }
    #main-footer__nav .nav-item {
        margin: 8px 0;
        display: block;
    }
}