.columns-wrapper {
    max-width: 1440px;
    margin-top:80px;
    margin-left:auto;
    margin-right:auto;
}

.columns-wrapper.columns-2 {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.columns-wrapper.columns-3 {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.columns-wrapper.columns-4 {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media screen and (min-width: 768px) {
    .columns-wrapper.columns-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .columns-wrapper.columns-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .columns-wrapper.columns-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (min-width: 1280px) {
    .columns-wrapper.columns-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .columns-wrapper.columns-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}