.footer-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3.5rem;
    width: 100%;
    justify-content: center;
    background: var(--color-1);
    color: var(--color-2);
    padding: 10px 0;
}

    
    .footer-row {
        display: flex;
        gap: 1rem;
    }
    .footer-row a{
        color: var(--color-2);
    }

@media (max-width: 768px) {
        .footer-content {
            flex-direction: column;
            align-items: center;
            gap: 1rem;
        }
    }

@media (max-width: 480px) {
    .footer-row a{
        font-size: 0.8rem;
    }
    .footer-content {
        gap: 0.5rem;
    }
    }