.blog h1 {font-size: 24px; text-transform: capitalize; line-height: 1; margin: 0 0 10px 0;}
.blog h2 {font-size: 22px; text-transform: capitalize; line-height: 1; margin:  0 0 20px 0;}
.blog .post {line-height: 1.5;}
.blog .post img.wp-post-image {width: 45%; height: auto; float: left; margin: 15px 15px 15px 0;}
a.read-more { display: block; margin: 10px 0; border-radius: 5px; color: white; border:1px solid white; text-align: center; padding: 15px;}
a.read-more:hover {background-color: white;}
.read-exerpt:after { font-family:'FontAwesome'; margin:0 0 0 15px; font-size: 22px; content:'\f178'; width: 90%; display: block; text-align: right; bottom: 10px;
    position: absolute;}
.end-page {height: 8%; float: left; width: 100%; background-color: white;}
.card {
  width: 300px;
  height: 375px;
  margin: 15px;
  float: left;
  perspective: 500px;
  display: inline-block;
}

.card .content {
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  transition: transform 1s;
  transform-style: preserve-3d;
}

.card:hover .content {
  transform: rotateY( 180deg ) ;
  transition: transform 0.5s;
}
.blog-title {font-size: 20px; line-height: 1.3; margin: 10px auto; width: 90%; display: block;}
.blog-image {width: 100%; height: 200px; overflow: hidden;  border-radius: 5px;}
.blog-image img {width: 100%; height: 100%; margin:  0 0 20px 0;}
.card .content .blog-date {font-size: 14px; color: #1D5D54; width: 90%; margin: 10px auto; text-align: left; display: block;}
.blog-excerpt {font-size: 1rem; line-height: 1.3; margin: 20px auto; width: 80%; display: block;}
.front,
.back {
  position: absolute;
  height: 100%;
  width: 100%;
  background: white;
  font-size: 18px;
  line-height: 1;
  color: #03446A;
  border-radius: 5px;
  backface-visibility: hidden;
}
.front {
  background: #0FB1A0;
  color: white;
}
.back {
  background: #0FB1A0;
  color: white;
  transform: rotateY( 180deg );
}

.postid-518 .wp-post-image {display: none;}