.d-flex {
  display: flex;

  @media (max-width: $large-devices) {
    &.block-at-lg {
      display: block;
    }
  }

  @media (max-width: $medium-devices) {
    &.block-at-md {
      display: block;
    }
  }

  @media (max-width: $small-devices) {
    &.block-at-sm {
      display: block;
    }
  }
}

.align-center {
  align-items: center;
}

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

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

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.contained {
  max-width: $content-width;
  margin: auto;
  transition: 0.3s ease;

  padding-left: $spacing_unit * 4;
  padding-right: $spacing_unit * 4;
}

.visible {
  display: block !important;
}
