.box-model {
  width: 100%;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.box-model .row-20 {
  width: 100%;
}
.box-model .row-25 {
  width: 100%;
}
.box-model .row-33 {
  width: 100%;
}
.box-model .row-40 {
  width: 100%;
}
.box-model .row-50 {
  width: 100%;
}
.box-model .row-60 {
  width: 100%;
}
.box-model .row-66 {
  width: 100%;
}
.box-model .row-75 {
  width: 100%;
}
.box-model .row-80 {
  width: 100%;
}
.box-model .row-90 {
  width: 100%;
}
.box-model .row-95 {
  width: 100%;
}
.box-model .row-100 {
  width: 100%;
}
.box-model .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.box-model .flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box-model .flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.box-model .flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.box-model .flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.box-model .flex-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.box-model .y-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.box-model .y-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.box-model .y-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.box-model .x-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.box-model .x-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box-model .x-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media screen and (min-width: 640px) {
  .box-model .row-20 {
    width: 20%;
  }
  .box-model .row-25 {
    width: 25%;
  }
  .box-model .row-33 {
    width: 33%;
  }
  .box-model .row-40 {
    width: 40%;
  }
  .box-model .row-50 {
    width: 50%;
  }
  .box-model .row-60 {
    width: 60%;
  }
  .box-model .row-66 {
    width: 66%;
  }
  .box-model .row-75 {
    width: 75%;
  }
  .box-model .row-80 {
    width: 80%;
  }
  .box-model .row-90 {
    width: 90%;
  }
  .box-model .row-95 {
    width: 95%;
  }
  .box-model .row-100 {
    width: 100%;
  }
}