footer#footer {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding: 7rem 8rem 3rem 8rem;
}


footer#footer ul {
    padding: 0;
}

footer#footer li {
    list-style: none;
}

footer#footer a {
    text-decoration: none;
    transition: all .3s;
    color: var(--main-light);
}

footer#footer a.red {
    color: var(--text-red);
}

footer#footer a.red:hover {
    color: #8f3535;
}

footer#footer a:hover {
    color: var(--text-red);
}

footer#footer h2 {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-left: 10px;
    
}

footer#footer .data {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    justify-content: space-between;
}

footer#footer .rights {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    width: 100%;
}

footer#footer .rights ul {
    display: flex;
    flex-direction: row;
    gap: 3rem;

}

footer#footer .rights ul > li {
    list-style: none;

}

footer#footer .data #company address {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0;
}

footer#footer .data #company address .contact-data {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 0.2rem;
    align-items: center;
}

footer#footer .data #company address .contact-data .material-symbols-outlined {
    color: var(--text-red);
}

#social-media-open-hours .hours {
    margin-top: 4rem;
}



@media (max-width: 1268px) {
    footer#footer {
        text-align: center;
        padding: 7rem 3rem 3rem 3rem;
    }

    footer#footer h2 {
        padding-left: 0;
    }

    footer#footer .data {
        flex-direction: column;
    }

    footer#footer .rights ul {
        flex-direction: column;
        gap: 1rem;
        margin: 0;
        padding: 0;
    }

    footer#footer .data #company address {
        align-items: center;
        margin-bottom: 3rem;
    }
}

@media (max-width: 768px) {
    
}