@media screen and (min-width: 768px) {
	.blog-wrapper .blog-container .blog-articles {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
		gap: 1rem;
		justify-content: start;
	}
	.blog-wrapper .blog-container .blog-articles .post {
		margin: 0;
		width: 20rem;
	}
}
@media screen and (min-width: 1024px) {
	.blog-wrapper .blog-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-column-gap: 3rem;
		-moz-column-gap: 3rem;
		column-gap: 3rem;
	}

	.blog-wrapper .blog-container .blog-articles {
		width: 70%;
	}
}
@media screen and (min-width: 1200px) {
	.content-wrapper {
		padding: 2rem 5rem;
	}
	.blog-wrapper .blog-container {
		-webkit-column-gap: 4rem;
		-moz-column-gap: 4rem;
		column-gap: 4rem;
	}
}
@media screen and (min-width: 1400px) {
	.blog-wrapper .blog-container .blog-articles {
		width: 80%;
	}
}