/*!
 * This file was abstracted from Bootstrap Grid. Original copyright notice:
 * Bootstrap Grid v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.d-flex {
  display: flex;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

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

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

@media screen and (min-width: 768px) {
  .d-pc-flex {
    display: flex;
  }

  .justify-content-pc-start {
    justify-content: flex-start;
  }

  .justify-content-pc-end {
    justify-content: flex-end;
  }

  .justify-content-pc-center {
    justify-content: center;
  }

  .justify-content-pc-between {
    justify-content: space-between;
  }

  .justify-content-pc-around {
    justify-content: space-around;
  }

  .flex-pc-wrap {
    flex-wrap: wrap;
  }

  .flex-pc-nowrap {
    flex-wrap: nowrap;
  }

  .flex-pc-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

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

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