.beyer-text {
  color: @black;
  margin-top: 20px;

  .gt-xl({
    margin-top: 60px;
    margin-right: 25%;
    margin-bottom: 50px;
    margin-left: 20px;
  });

  .lt-xl({
    padding: 0 20px;
  });

  p {
    margin-bottom: 20px;
  }

  hr {
    background: @black;
    display: inline-block;
  }

  &.light {
    color: @white;

    hr {
      background: @white;
    }
  }

  &.small {
    .gt-sm({
      margin-top: 40%;
      margin-right: 50%;
      margin-left: 20px;
    });
  }

  &.left-right {
    .gt-xl({
      text-align: right;
    });
  }

  &.right-left {
    .gt-xl({
      float: right;
      margin-right: 20px;
      margin-left: 25%;
    });
  }
}

.text {
  hr {
    display: inline-block;
    margin-top: 0;
  }

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