main {
    padding: 155px 4px 40px 4px;
}

@media screen and (max-width: 60rem) {
    main {
        padding-top: 200px;
    }
}

.grid-item-small,
.grid-sizer,
.grid-item {
    width: calc(100% / var(--columns));
}

.grid-item-big {
    width: calc(2 * (100% / var(--columns)));
}

@media screen and (max-width: 22rem) {
    .grid-item-big {
        width: calc(100% / var(--columns));
    }
}

.article-grid-sizer,
.article-grid-item {
    width: calc(100% / 2);
}

@media screen and (max-width: 80rem) {
    .article-grid-sizer,
    .article-grid-item {
        width: 100%;
    }
}