@media screen and (max-width: 1240px) {
    .wrap {
        padding: 0 20px;
    }
}

@media screen and (max-width: 900px) {
    header {
        display: none;
    }

    .blog-lst {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .blog-lst {
        grid-template-columns: repeat(1, 1fr);
    }
}