Breakpoints Post Categoria

/* BREAKPOINT 576px */
@media (min-width: 36em) {
  .container {
    max-width: 540px;
  }

  .destaque li figcaption h3 {
    color: #fff;
    font-size: 2em;
  }
}

/* BREAKPOINT 768px */
@media (min-width: 48em) {
  .container {
    max-width: 720px;
  }

  .destaque {
    width: calc(60% - 5px);
    margin-right: 5px;
  }

  .sub-itens {
    width: calc(40% - 5px);
    margin-left: 5px;
  }

  .post-categoria .item-post {
    width: calc(50% - 10px);
    margin: 5px 5px 1rem 5px;
  }
}

/* BREAKPOINT 992px */
@media (min-width: 62em) {
  .container {
    max-width: 960px;
  }

  .destaque {
    width: calc(60% - 10px);
    margin-right: 10px;
  }

  .sub-itens {
    width: calc(40% - 10px);
    margin-left: 10px;
  }

  .ultimos-posts li p {
    font-size: 1.3em;
  }

  .post-categoria .item-post {
    width: calc(33.33% - 10px);
    margin: 5px 5px 1rem 5px;
  }
}

/* BREAKPOINT 1200px */
@media (min-width: 75em) {
  .container {
    max-width: 1140px;
  }

  .destaque {
    width: calc(50% - 20px);
    margin-right: 20px;
  }

  .sub-itens {
    width: calc(50% - 20px);
    margin-left: 20px;
  }
}