.posts {
	padding: .5rem 0;
}
	.posts-item {
        margin-bottom: 1.5rem;
		display: flex;
    }
	.posts-thumb {
		position: relative;
		margin-right: 1.5rem;
		flex-grow: 0;
		flex-shrink: 0;
	}
		.posts-thumb img {
			width: 3.8rem;
			display: block;
			box-shadow: 3px 3px 0 rgba(0,0,0,.2);
			background-color: #fff;
		}
    .posts-action {
        margin-bottom: 0;
    }
    .posts-info {

    }
    .posts-date {
		margin-right: .75rem;
	}
    .posts-title {
        margin-bottom: .75rem;
		color: #312F48;
    }
    .posts-body {
		
	}
 
.postGrid {
	display: grid;
    grid-template-columns: repeat(2, 47%);
    -moz-column-gap: 6%;
    column-gap: 6%;
    grid-auto-flow: column;
}
.postGrid_wide4 {
    grid-template-rows: repeat(2, auto);
}
.postGrid_wide6 {
    grid-template-rows: repeat(3, auto);
}
	@media (max-width: 650px) {
		.postGrid {
			grid-template-rows: auto;
			grid-template-columns: 90% 10%;
		}
			.postGrid .posts-item {
				grid-column: 1 / 2;
			}
			.postGrid_wide4 .posts-item:nth-last-child(-n+1) {
				display: none;
			}
			.postGrid_wide6 .posts-item:nth-last-child(-n+3) {
				display: none;
			}
	}