* { -webkit-box-sizing: border-box; box-sizing: border-box; }

.single-text-column { margin: 0 auto; max-width: 600px; }

@media (min-width: 768px) { .index-listing-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 2em; grid-row-gap: 2em; margin: 0 2em 2em; } }

@media (min-width: 1024px) { .index-listing-wrapper { grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 1280px) { .index-listing-wrapper { grid-template-columns: repeat(4, 1fr); } }

.index-listing { margin: 0 0 2em; }

.index-listing__image { max-height: 200px; max-width: 100%; display: block; margin: 0 auto; }

.post-listing { margin: 0 0 1em; }

.post__title { font-size: 3em; margin: 30px auto; text-align: center; }

.post__image { display: block; margin: 20px auto; max-height: 500px; max-width: 100%; }

.post__others { margin: 5em 0 3em; text-align: center; }

.site-header { text-align: center; }