.footer {
    min-height: 12rem;
}


.footer > section {
    display: grid;
}

@media screen and (min-width: 75.01ch) {
.footer > section {
    margin: 1rem;
    max-width: 100ch;
    gap: 2ch;
    justify-items: center;
    grid-template-columns: [left] 20ch [center] auto [right] 20ch;
}

    
.footer > section > div:nth-child(1) {
    grid-column-start: 1; 
    grid-column-end: 4;
}
}


@media screen and (max-width:75ch) {
.footer > section {
    margin: 0.5rem;
    max-width: 100ch;
    gap: 2ch;
    grid-template-columns: 1fr 1fr;
    }
    
    .footer > section > div:nth-child(1) {
        grid-column-start: 1; 
        grid-column-end: 3;
    }    
    
}

@media screen and (max-width:55ch) {
.footer > section {
    margin: 0.25rem;
    max-width: 100ch;
    gap: 2ch;
    grid-template-columns: [left] auto;
    }
    
    .footer > section > div:nth-child(1) {
        grid-column-start: 1; 
        grid-column-end: 2;
    }    
    
}