.wrap-artigos {
  box-sizing: border-box;
  clear: both;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

.wrap-artigos div {
  box-sizing: border-box;
}

.wrap-artigos ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.wrap-artigos ul li {
  background: #fff;
  box-sizing: border-box;
  list-style: none;
  margin: 1em 0;
  position: relative;
  width: 100%;
}

.wrap-artigos .grupo-imagem {
  float: left;
  position: relative;
  width: 100%;
}

.wrap-artigos .grupo-conteudo {
  padding: 10px;
  position: relative;
  width: 100%;
}

/* css para tablets */
@media (min-width: 1000px) {
  .wrap-artigos ul {
    justify-content: space-between;
  }
  .wrap-artigos ul li {
    width: 48%;
  }

  .wrap-artigos .grupo-conteudo {
      width: 60%;
      padding-left: 15px;
  }

  .wrap-artigos .grupo-imagem {
    width: 40%;
  }
}

/* css para desktop */
@media (min-width: 70em) {}