.blogpost{
	border:;
	margin:20px 0;
}
.blogpost .grid{
	display:grid;
	grid-template-columns: 45% 55%;
	/*grid-template-columns: repeat(2, 1fr);*/
	/*gap:2%;*/
}

.blogpost h3{
	margin:10px;
}
.blogpost h3:hover{
	color:#4db2ec;
}
.blogpost .more{
	margin-left:10px;
	width:auto;
	position:relative;
	background-color:#f88c00;
	color:white;
	padding:5px 12px;
	border-radius:2px;
	float:left;
}
.blogpost .more:hover{
	color:#4db2ec;
	background-color:gray;
}
.blogpost p{
	margin:10px;
}
.blogpost img{
	transition: transform ease-in-out .4s ;
	width:100%;
	height:100%;
	object-fit:cover;
}
.blogpost .img_containter{
	overflow:hidden;
}
.blogpost a:hover img{
	transform:scale(1.1);
}
.blogpost .text_containter{
	overflow:hidden;
}
@media screen and (max-width: 1023px) {
.blogpost .grid{
	display:block;
}
}