Newsletter Css Breakpoint

/* 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;
  }

  .newsletter {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
  }

  .newsletter_yoda {
    width: calc(40% - 20px);
    margin-right: 20px;
    position: relative;
    left: auto;
    top: auto;
    text-align: right;
    z-index: 0;
  }

  .newsletter_yoda img {
    width: auto;
    max-width: 100%;
    margin-bottom: -5px;
  }

  .newsletter_conteudo {
    width: 40%;
    text-align: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}