@media (min-width: 0px) {
    .raster.two_two,
    .raster.three,
    .raster.four {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
        row-gap: 3rem;
    }
}
@media (min-width: 600px) {

}
@media (min-width: 767px) {
    .raster.three {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 5rem;
    }
    .raster.four {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .raster.two_two {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
}
@media (min-width: 870px) {
    .raster.three {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 5rem;
    }
    .raster.four {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }
}
@media (min-width: 1024px) {
    .raster.four {
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
    }
}
@media (min-width: 1220px) {

}
@media (min-width: 1440px) {

}