/* ------------ ARTICLE 1 ------------ */
.art_picture {
  width: 70%;
}

.art_description {
  margin: 15px;
}

/* -------------------- REPONSIVE ARTICLE 1 --------------------  */
@media (max-width: 649px) {
  .art_picture {
    transform: translateX(20%);
  }
}

@media (min-width: 650px) {
  .article_1 {
    width: 90%;
    display: flex;
    text-align: end;
  }

  .article_1--Secondary {
    flex-direction: row-reverse;
    text-align: start;
  }

  .art_picture {
    width: 50vh;
    object-fit: cover;
  }
}

/* ------------ARTICLE 2------------ */
.article_2 {
  text-align: center;
}