.related {
  margin: 0 auto;
  border-top: 1px dotted #777;
  border-bottom: 1px dotted #777;
  padding: 1.2rem;
  max-width: 115.2rem;
}

.related h2 {
  margin: 0 1.2rem 1.3rem;
  font-family: Flama, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 2.7rem;
  transition: all 0.2s;
}

.related-container {
  display: flex;
  flex-flow: wrap;
  margin: 0 auto;
  width: 100%;
}

.related article {
  padding: 0 1.2rem;
  width: 100%;
}

.related img {
  border: 1px solid #ddd;
  width: 100%;
  height: auto;
}

.related h3 {
  margin: 0.8rem 0;
  font-family: Flama, sans-serif;
  font-size: 1.5rem;
  line-height: 1.1;
}

@media ( min-width: 480px ) {
  .related article {
    width: 50%;
  }
}

@media ( min-width: 600px ) {
  .related article {
    width: 25%;
  }
}


/* Modificações 2016-08-08 */

.related {
    padding: 1.2rem 0;
    border-top: 2px dotted #ddd;
    border-bottom: 2px dotted #ddd;
}