@import "flive-vars";

.primary {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  text-align: center;
  vertical-align: top;
  align-items: flex-start;
  margin: 0.8rem 0 0.6rem 0;
  &:before, &:after {
    content: "";
    display: block;
    flex-grow: 1;
  }
}

// sizes
.size-sm {
  margin-top: 1.25rem;
}
.size-md {
  margin-top: 1.25rem;
  @media (min-width: $screen-md-min) {
    margin-top: 1.875rem;
  }
}
.size-lg {
  margin-top: 1.875rem;
  @media (min-width: $screen-md-min) {
    margin-top: 3.125rem;
  }
}
