.general-info {
  @extend %flexbox-row;
  flex-flow: row wrap;
  margin-bottom: $margin-quadruple;

  > div {
    padding: 0 0 $margin-quadruple;

    &:last-child {
      padding-bottom: 0;
    }

    @include breakpoint(sm) {
      min-width: 300px;
      flex-grow: 1;
      flex-basis: 0;
      padding: 0 $margin-quadruple;
      border-right: 1px solid $color-tui-grey-50;

      &:first-child {
        padding-left: 0;
      }

      &:last-child {
        padding-right: 0;
        border-right: 0;
      }
    }
  }

  h3 {
    @include font-size(18);
    text-transform: uppercase;
    margin: $margin-quadruple 0 $margin-double;

    &:first-child {
      margin-top: 0;
    }
  }

  p {
    margin: $margin-normal 0;

    .pictogram {
      vertical-align: -.3em;
    }
  }

  :last-child {
    margin-bottom: 0;
  }

  dt {
    @include font-size(14);
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    display: inline;

    &:before {
      @include font-size(24);
      content: '\2022';
      float: left;
      line-height: 1.3em;
      text-align: center;
      width: $margin-quadruple;

      @include breakpoint(sm) {
        line-height: 2em;
      }
    }

    @include breakpoint(sm) {
      display: block;
    }
  }

  dd {
    @include font-size(24);
    font-weight: bold;
    margin: 0;
    padding: 0;
    display: inline;

    @include breakpoint(sm) {
      display: block;
      margin-bottom: $margin-normal;
    }
  }

  hr {
    border-top: 1px solid $color-tui-grey-50;
    width: 50%;
    margin: $margin-normal 0;

    @include breakpoint(sm) {
      &:not(:first-of-type):not(:last-of-type) {
        display: none;
      }
    }
  }

  .footnote {
    @include font-size(16);
  }
}