/* if you want the posts to appear as a grid then use the style settings below. */

.posts {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: center;
  padding:2px 12px;
  }

.post-teaser {
  flex-basis: 700px;
  padding: 8px !important;
  margin: 10px;
  border:1px solid silver;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: 0 0 1;
  max-width: 850px;
  min-width: 280px;
}

.home .posts {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: center;
  padding:2px 12px;
  }

.home .post-teaser {
  flex-basis: 370px;
  padding: 8px !important;
  margin: 10px;
  border:1px solid silver;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: 0 0 1;
  max-width: 850px;
  min-width: 180px;
}



@media (max-width: 768px) {
  .home .posts {
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    }

}