.footerColumns {
    display: grid;
    grid-template-columns: auto auto auto auto;
    justify-items: center;
    align-items: center;
    gap: 6rem;
}
.footerColumns .column {
    
}

@media (min-width: 1551px) {
}
@media (min-width: 1151px) and (max-width: 1550px) {
}
@media (min-width: 868px) and (max-width: 1150px) {
    .footerColumns {
        gap: 4rem;
    }
}
@media (max-width: 867px) {
    .footerColumns {
        gap: 2rem;
    }
    .footerColumns .col1 {
        order: 2;
    }
    .footerColumns .col2 {
        order: 1;
    }
    .footerColumns .col3 {
        order: 3;
    }
    .footerColumns .col4 {
        order: 4;
    }
    .footerColumns {
        grid-template-columns: 1fr;
    }
}











.columnsFlex3321 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media (min-width: 1551px) {
    .columnsFlex3321 .column {
        flex: 33%;

        max-width: calc(33% - 2rem);
    }
}
@media (min-width: 1151px) and (max-width: 1550px) {
    .columnsFlex3321 .column {
        flex: 33%;

        max-width: calc(33% - 2rem);
    }
}
@media (min-width: 668px) and (max-width: 1150px) {
    .columnsFlex3321 .column {
        flex: 50%;

        max-width: calc(50% - 2rem);
    }
}
@media (max-width: 667px) {
    .columnsFlex3321 .column {
        flex: 100%;

        max-width: calc(100% - 2rem);
    }
}





.columnsFlex3321_v2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media (min-width: 1551px) {
    .columnsFlex3321_v2 .column {
        flex: 33%;

        margin: 1.5rem;
        max-width: calc(33% - 1.5rem - 1.5rem);
    }
}
@media (min-width: 1151px) and (max-width: 1550px) {
    .columnsFlex3321_v2 .column {
        flex: 33%;

        margin: 1.0rem;
        max-width: calc(33% - 1.0rem - 1.0rem);
    }
}
@media (min-width: 668px) and (max-width: 1150px) {
    .columnsFlex3321_v2 .column {
        flex: 50%;

        margin: 1.0rem;
        max-width: calc(50% - 1.0rem - 1.0rem);
    }
}
@media (max-width: 667px) {
    .columnsFlex3321_v2 .column {
        flex: 100%;

        margin: 1.0rem;
        max-width: 100%;
    }
}





.columnsFlex4421 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    background: rgba(255, 0, 0, 0.0);
}

@media (min-width: 1551px) {
    .columnsFlex4421 .column {
        flex: 25%;

        margin: 1.5rem;
        max-width: calc(25% - 1.5rem - 1.5rem);

        background: rgba(0, 255, 0, 0.0);
    }
}
@media (min-width: 1151px) and (max-width: 1550px) {
    .columnsFlex4421 .column {
        flex: 25%;

        margin: 1.0rem;
        max-width: calc(25% - 1.0rem - 1.0rem);

        background: rgba(0, 0, 255, 0.0);
    }
}
@media (min-width: 668px) and (max-width: 1150px) {
    .columnsFlex4421 .column {
        flex: 50%;

        margin: 0.5rem;
        max-width: calc(50% - 0.5rem - 0.5rem);

        background: rgba(0, 255, 0, 0.0);
    }
}
@media (max-width: 667px) {
    .columnsFlex4421 .column {
        flex: 100%;

        margin: 0.5rem;
        max-width: 100%;
        
        background: rgba(0, 0, 255, 0.0);
    }
}








.columnsGrid2221 {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 3rem;
}
@media (min-width: 1551px) {
    .columnsGrid2221 .column {
    }
}
@media (min-width: 1151px) and (max-width: 1550px) {
    .columnsGrid2221 {
        grid-template-columns: 1.5fr 1fr;
    }
}
@media (min-width: 668px) and (max-width: 1150px) {
    .columnsGrid2221 {
        grid-template-columns: 1.5fr 1fr;
    }
}
@media (max-width: 667px) {
    .columnsGrid2221 {
        grid-template-columns: 1fr;
    }
}