.zone {
  width: 100%;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 580px) {
  .zone {
    width: 540px;
  }
}

@media screen and (min-width: 740px) {
  .zone {
    width: 720px;
    flex-direction: row;
  }
}

@media screen and (min-width: 992px) {
  .zone {
    width: 960px;
  }
}

@media screen and (min-width: 1200px) {
  .zone {
    width: 1140px;
  }
}