.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: 0px .5em;
  position: relative;
  width: 100%;
}

/* css para tablets */
@media (min-width: 1000px) {

  .wrap-artigos .grupo-conteudo {
      width: 50%;
      padding-left: 20px;
  }

  .wrap-artigos .grupo-imagem {
    width: 50%;
    padding-right: 10px;
  }
}

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