/* ----------------------------------------------- */
/* .flex */
/* ----------------------------------------------- */
.flex{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.width-100{
  width: 100%;
}
.width-50{
  width: 50%;
}
.width-30{
  width: 30%;
}
.width-25{
  width: 25%;
}
.width-auto{
  flex-basis: auto;
}

.flex.centered{
  justify-content: center;
  align-content: center;
}