.c-article-recommendation{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.c-article-recommendation .c-article-recommendation-item{
  width: 49%;
  margin-right: 2%;
  background-color: #fff;
  padding: 1em;
}
.c-article-recommendation .c-article-recommendation-item:last-child{
  margin-right: 0;
}
.c-article-recommendation .c-article-recommendation-item a{
  text-decoration: none;
  color: #535252;
}
.c-article-recommendation .c-article-recommendation-item a:hover{
  text-decoration: underline;
}
.c-article-2col{
  display: table;
  width: 100%;
}
.c-article-2col .c-article-2col-item{
  width: 30%;
  display: table-cell;
  vertical-align: middle;
}
.c-article-2col .c-article-2col-item:last-child{
  width: 70%;
  padding-left: 2%;
}
.c-article-2col .c-article-2col-item img{
  width: 100%;
}
@media only screen and (max-width: 640px){
  .c-article-recommendation{
    display: block;
  }
  .c-article-recommendation .c-article-recommendation-item{
    width: 100%;
    margin-right: 0;
    padding: 10px;
  }
  .c-article-recommendation .c-article-recommendation-item:last-child{
    margin-top: 0.75em;
  }
}