row {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

column {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

grid-generator {
  width: 100%;
  height: 100%;
  display: grid;
}

custom_center {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 500px) {
  row {
    flex-direction: column;
  }
  row.static {
    flex-direction: row;
  }
  grid-generator {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width: 500px) and (max-width: 1030px) {
  row {
    flex-direction: column;
  }
  row.static {
    flex-direction: row;
  }
}/*# sourceMappingURL=row_column.css.map */