.blog{
	position: relative;
	width: 84%;
	height: auto;
  overflow: auto;
	left: 8%;
}

.blog .column{
	width: 380px;
  height: 430px;
	margin-right: calc(50% - 570px);
	float: left;
	overflow: hidden;
}

.blog a:nth-of-type(3n+0) .column{
	margin-right: 0;
}

.blog .column .container{
	width: 100%;
  height: 230px;
	margin-bottom: 10px;
	overflow: hidden;
}

.blog img{
	width: 100%;
}

.date{
	line-height: 30px;
	color: rgb(120, 120, 120);
}

.blog .title{
	position: relative;
	font-size: 19px;
	font-weight: bold;
	color: black;
}

.blog .paragraph{
	font-size: 15px;
	font-family: Poppins;
	color: rgb(90, 90, 90);
	margin: 5px 0 10px 0;
}

@media (max-width: 1390px){
	.blog .column{
		width: 46%;
		margin: 0 0 30px 0;
	}
  .blog a:nth-of-type(2n+1) .column{
    margin-right: 8%;
  }
  .blog a:nth-of-type(2n0) .column{
    margin-right: 0;
  }
	.blog a:last-of-type .column{
		margin-left: 27%;
	}
}

@media (max-width: 800px){
	.blog a .column{
		width: 100%;
		margin: 0 0 20px 0;
	}
  .blog a:nth-of-type(2n+1) .column{
    margin-right: 0;
  }
  .blog a:last-of-type .column{
		margin-left: 0;
	}
	.blog .column .container{
		height: 250px;
	}
}