.flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flex_1 {
  width: 68%;
}

.flex_2 {
  width: 28%;
}

.box_card {
  width: 32.33%;
}

@media (max-width: 900px) {
  .flex_box {
    flex-direction: column;
  }
  .box_card {
    width: 49%;
  }
  .flex_1 {
    width: 100%;
  }

  .flex_2 {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .box_card {
    width: 100%;
  }
}
