#blog .posts{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 50px 25px;
}
#blog .cover{
	width:100%;
	padding-top: 56.5%;
	background-size:cover;
	background-position:center;
	display:block;
}
#blog .title{
	width:100%;
	text-align:center;
	font-size:15px;
	line-height:1.36em;
	margin-top:10px;
	overflow:hidden;
	font-weight: 500;
}
#blog .title a{
	color:#0d0d0d;
	transition:ease 0.25s;
}
#blog .title a:hover{
	color:#2d3a4b;
}
#blog .post-cover{
	width:100%;
	text-align:center;
	padding:30px 0;
}
#blog .post-cover img{
	max-width:65%;
}
#blog .post-content{
	padding-bottom:50px;
}
#blog  .social-share{
	padding:7px 0;
	min-height:28px;
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	margin-bottom:20px;
	line-height:28px;
}
#blog .date{
	float:right;
	color:#5c8dc7;
	font-size:14px;
}
#blog .facebook-share{
	background:#3b5998;
	color:#fefefe;
	font-size:13px;
	padding:0 14px;
	margin-right:15px;
	float:left;
	line-height:28px;
	border-radius:3px;
}
#blog .twitter-share{
	background:#00aced;
	color:#fefefe;
	font-size:13px;
	padding:0 14px;
	margin-right:15px;
	float:left;
	line-height:28px;
	border-radius:3px;
}
#blog .linkedin-share{
	background:#0077b5;
	color:#fefefe;
	font-size:13px;
	padding:0 14px;
	margin-right:15px;
	float:left;
	line-height:28px;
	border-radius:3px;
}
#blog .pinterest-share{
	background:#c8232c;
	color:#fefefe;
	font-size:13px;
	padding:0 14px;
	margin-right:15px;
	float:left;
	line-height:28px;
	border-radius:3px;
}
#blog .facebook-share i{
	font-size:17px !important;
	padding-right:6px;
}

@media screen and (min-width: 769px) and (max-width: 1169px){

}
@media only screen and (max-width: 768px){
#blog .post{
	width:48%;
}
}
@media only screen and (max-width: 640px){
#blog .post{
	width:48%;
}
}
@media only screen and (max-width: 480px){
#blog .post{
	width:98%;
}
#blog .date{
	display:inline-block;
	float:none;
}
}