.footer-container{
    display: flex;
    background-color: var(--navbar-background);
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 24px;
    gap: 1rem;
    z-index: 9999;

    border-top: 1px solid var(--gray-background-400);

    transition: all .5s ease;

    min-height: 40px;
}

.footer-menu{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 12px;
}

.footer-menu > a,
#toc{
    text-decoration: none !important;

    display: flex;
    color: var(--gray-200) !important;
    font-weight: 400 !important;

    justify-content: center;
    align-items: center;

    transition: font-size .3s linear !important;

    line-height: 1.42857143 !important;
}

.footer-menu > a:hover{
    color: white !important;
}

.social,
.social > img {
    height: 20px;
}

.social-oculus {
    max-height: 40px;
    display: flex;
    align-items: center;
}

.social-oculus,
.social-oculus > img{
    vertical-align: middle;
}

.footer-hidden{
    transform: translateY(100%);
}

@media screen and (max-width: 816px) {
    .privacy-footer{
        flex-direction: column;
        align-items: flex-start;

        padding: 5px 0;
    }

    .privacy-footer > a,
    #toc{
        font-size: 10px !important;
    }

    .social-oculus > img {
        max-height: 40px;
    }
}

@media screen and (max-width: 410px){
    .privacy-footer > a,
    #toc{
        font-size: 7px !important;
    }
}

#toc{
    min-height: auto !important;
}

@media screen and (max-width: 767px){
    .footer-container{
        height: 80px;
    }
}