/*
    Footer 
*/

.footer {
    margin: 6rem 0.5rem 0.5rem 0.5rem;
    gap: 2rem 0.5rem;
}

.footer-logo {
    width: 6rem;
}

.footer-social,
.footer-legal {
    grid-column: 1/-1;
}

.footer-copyright {
    margin-bottom: 0;
    grid-column: 1/-1;
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .footer {
        z-index: 4;
        gap: 1.5rem 0.5rem;
    }

    .footer-logo {
        grid-column: 1/3;
        width: 5rem;
    }    
    
    .footer-social {
        grid-column: 1/4;
    }
    
    .footer-legal {
        grid-column: 4/-4;
    }
    
    .footer-copyright {
        grid-column: -4/-1;
        align-self: end;
        justify-self: end;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .footer-logo {
        grid-column: 1/3;
        align-self: end;
    }    

    .footer-social {
        grid-column: 4/6;
        align-self: end;
    }
    
    .footer-legal {
        grid-column: 7/-3;
        align-self: end;
    }
    
    .footer-copyright {
        grid-column: -3/-1;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .footer-logo {
        grid-column: 1 / 5;
    }

    .footer-social {
        grid-column: 5 / 9;
    }

    .footer-legal {
        grid-column: 9 / -5;
    }
    
    .footer-copyright {
        grid-column: -5/-1;
        justify-self: left;
        padding: 0;
    }
}