.node.custom-document-webform-teaser {
  display: block; width: 100%; max-width: 200px; border: 1px solid #e2e2e2; text-align: center; padding: 5px;
  margin: 0 auto 30px auto;
}
.node.custom-document-webform-teaser .doc.title {
  margin: 0 auto; max-width: 200px; min-height: 3.9em;
}
.node.custom-document-webform-teaser img {
  display: block; max-width: 125px; height: auto; margin: 0 auto 0.9em;
}
.node.custom-document-webform-teaser .doc.title {
  display: block; font-weight: 500; font-style: italic; text-transform: uppercase; text-align: center;
}
@media only screen and (min-width:420px) {
/*@media screen and (min-width:481px) {*/
  .node.custom-document-webform-teaser {
    max-width: 45%; margin: 0 0 30px;
  }
  .node.custom-document-webform-teaser:nth-child(odd) {
    clear: both; float: left;
  }
  .node.custom-document-webform-teaser:nth-child(even) {
    float: right;
  }
}

@media only screen and (min-width:920px) {
  .node.custom-document-webform-teaser {
    display: inline-block; max-width: 200px; margin: 0 30px 30px 0; vertical-align: top;
  }
  .node.custom-document-webform-teaser:nth-child(odd) {
    clear: none; float: none;
  }
  .node.custom-document-webform-teaser:nth-child(even) {
    float: none;
  }
  .node.custom-document-webform-teaser:nth-child(4n+4) {
    margin: 0 30px 30px 0;
  }
  .node.custom-document-webform-teaser:nth-child(5n+5) {
    margin: 0 0 30px 0;
  }
}