.flex-col-center {
  display: flex;
  justify-content: center;
  align-items: center;
flex-direction: column;
}

.flex-row-center {
  display: flex;
  flex-direction: row;
  width: 100%;
}  

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}  

.start {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.end {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.bottom {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.max {
  width: 100%;
}

.static {
  display: inline-block;
}