.footer {
    background: var(--pico-card-background-color);
    z-index: 100
}

@media screen and (min-width: 800px) {
    .footer {
        margin-top:5rem
    }
}

@media print {
    .footer {
        display: none
    }
}

.footer_top {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1300px;
    justify-content: space-between;
}

@media screen and (min-width: 800px) {
    .footer_top {
        flex-direction:row;
    }
}

.footer_group {
    display: flex;
    align-items:flex-start;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 60px 0 60px;
    max-width: none;
    width: auto;
}

@media screen and (min-width: 800px) {
    .footer_group {
        display: flex;
        align-items:flex-start;
        flex-direction: column;
        justify-content: flex-start;
        margin: 0 60px 0 60px;
        max-width: none;
        width: auto;
    }
}

.footer_group-title {
    color: var(--pico-color);
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 4px;
    margin-left:0;
    text-transform: uppercase;
    width: 100%;
    text-align:left;
}

@media screen and (min-width: 1200px) {
    .footer_group-title {
        text-align:left
    }
}

.footer_group-item {
    color: var(--pico-color)!important;
    cursor: pointer;
    padding: 5px 0;
    transition: opacity .1s
}

@media screen and (min-width: 800px) {
    .footer_group-item {
        padding: 5px 0
    }

    .footer_group-item:hover {
        color: var(--pico-color)!important;
        opacity: .5
    }
}

.footer_group-item.donat {
    color: #ed744f !important
}

.footer_bottom {
    background: var(--background-color);
    display: flex
}

.footer_bottom-inner {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    gap: 6px;
    margin: auto;
    padding: 10px 24px 16px;
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 800px) {
    .footer_bottom-inner {
        flex-direction:row;
        margin: 0 auto;
        max-width: 1008px;
        padding: 10px 24px;
        text-align: left
    }
}

.footer_bottom-inner-privacy {
    color: hsla(0,0%,100%,.4);
    margin-left: 24px
}

.footer_bottom-inner-privacy:hover {
    color: #fff
}