.custom-blog-grid-item {
background-color: #fff;
width: 100%;
margin: 0px 0px 20px 0px;
border: 1px solid #808285;
padding: 20px 30px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}

.custom-blog-grid-item:hover {
opacity: 0.8;
}

.custom-blog-grid-item .postImageLink {
width: 200px;
height: 200px;
padding: 10px;
border: 1px solid lightgrey;
}
.custom-blog-grid-item .postImageLink span {
width: 180px;
height: 180px;
display: block;
}

.custom-blog-grid-item .content {
padding: 20px;
}

.custom-blog-grid-item .post_excerpt {
    color: black;
    font-size: 14px;
    font-weight: 300;
}

.custom-blog-grid-item h2 {
font-size: 18px;
font-weight: 700;
line-height: 1.4em;
text-align: left;
}

.custom-blog-grid-item h3 {
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
}
.custom-blog-grid-item h3 ul {
  list-style: none;
  display: inline-block;
  padding: 0px;
}

.custom-blog-grid-item .button-container {
display: block;
text-align: right;
}

.custom-blog-grid-item button {
cursor: pointer;
font-size: 14px;
border: none;
color: #1c75bc;
background: transparent;
}

@media all and (max-width: 767px) {
  .custom-blog-grid-item {
	grid-template-columns: 100% !important;
  }
  .custom-blog-grid-item .postImageLink {
	width: 100%;
	height: 200px;
  }
  .custom-blog-grid-item .postImageLink span {
	width: 100%;
	height: 180px;
  }
}