section#write-posts {
	margin: 213px 0 200px;
}

article.write.preview {
	overflow: hidden;
	border-bottom: 2px solid;
	margin-bottom: 30px;
	padding: 34px 60px 0;
}

article.size-sm {
	height: 275px;
}

article.size-md {
	height: 450px;
}

article.size-lg {
	height: 725px;
}

article.size-xl {
	height: 1100px;
}

@media (min-width: 1440px) and (max-width: 1749px) {
	
	article.write.preview {
		margin-bottom: calc(15px + (30 - 15) * (100vw - 1440px) / (1750 - 1440));
	}
	
	article.size-sm {
		height: calc(200px + (275 - 200) * (100vw - 1440px) / (1750 - 1440));
	}
	
	article.size-md {
		height: calc(400px + (450 - 400) * (100vw - 1440px) / (1750 - 1440));
	}
	
	article.size-lg {
		height: calc(600px + (725 - 600) * (100vw - 1440px) / (1750 - 1440));
	}
	
	article.size-xl {
		height: calc(800px + (1100 - 800) * (100vw - 1440px) / (1750 - 1440));
	}
}

@media (max-width: 767px) {

	section#write-posts {
		margin: 38px 0 100px;
	}

	article.write.preview {
		border-bottom: 2px solid;
		margin-bottom: 30px;
		padding: 28px 15px 0;
	}	
}