.site-content .blog .post {
background-color: #ffffff;
padding: 1.563rem 1.25rem 1.875rem;
margin: 0px 5px 2.5rem 0;
width: 373px;
} .site-content .blog {
display: grid;
gap: 24px; grid-template-columns: 1fr; } @media (min-width: 768px) { .site-content .blog { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1200px) { .site-content .blog { grid-template-columns: repeat(2, 1fr); }
} .site-content .blog .post {
float: none !important;
width: auto !important;
max-width: 100%;
margin: 0; display: flex; flex-direction: column;
} .site-content .blog + .pagination-wrapper,
.site-content .blog .pagination-wrapper,
.site-content .blog .pagination,
.site-content .blog .nav-links {
clear: both;
grid-column: 1 / -1; width: 100%;
text-align: center;
margin-top: 24px;
}
.site-content .blog-single .post {
background-color: #ffffff;
padding: 1.563rem 1.25rem 1.875rem;
margin: 0px 5px 2.5rem 0;
}