/*---FOOTER---*/
.footer {
    padding: 40px;
    background-color: var(--blue-accent);
    color: var(--gray-accent);
    text-align: center;
    letter-spacing: 1.2px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 
                Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 14px;
}
.footer-logo img {
    max-width: 250px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.footer-contacts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 0 40px 0;
    position: relative;
}
.footer-contacts::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 1%;
    bottom: 0;
    margin-bottom: 20px;
    background-color: var(--gray-accent);
    opacity: 0.7;
}
.footer-link {
    color: var(--gray-accent);
    letter-spacing: 1.25px;
    padding: 0 5px;
}
.footer-link:hover {
    color: #fff;
}
.footer-link > i {
    color: var(--gray-accent);
    height: 100%;
}
.footer-link > i:hover {
    color: #fff;
}
.footer-copyright {
    font-size: 12px;
}
/*---MEDIA QUERIES---*/
@media screen and (max-width: 1080px) {
    .footer-contacts::before {
        width: 60%;
    }
}
@media screen and (max-width: 870px) {
    .footer-contacts::before {
        width: 80%;
    }
}
@media screen and (max-width: 750px) {
    .footer-logo img {
        width: 150px;
    }
}
@media screen and (max-width: 600px) {
    .footer-link {
        padding: 5px;
    }
    .footer-link:nth-last-child(-n+2) {
        display: none;
    }
    .footer-contacts::before {
        width: 100%;
    }
}
@media (prefers-color-scheme: dark) {
    .footer {
        background-color: var(--blue-dark);
        color: var(--gray-accent);
    }
    .footer-logo img {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }
    .footer-link, .footer-link > i {
        color: var(--gray-accent);
    }
    .footer-contacts::before {
        background-color: var(--gray-accent);
    }
}