.references-block
  +flex(flex-start, flex-start)
  flex-direction: column
  background:
    color: $white

  margin-bottom: 100px

  +respond-to-width(900)
    margin-bottom: 50px

  box-shadow: 0 14px 28px rgba(0,0,0,0.04), 0 10px 10px rgba(0,0,0,0.05)

  .group
    padding: 40px $paddingTextBlock
    width: 100%
    h3
      color: $darkBlue
      margin-bottom: 30px

    +respond-to-width(900)
      padding: 30px $paddingSmallTextBlock

    &:nth-child(odd)
      background-color: #efefef

  .reference
    +flex(space-between, center)
    flex-direction: row
    margin-bottom: 10px
    text-align: left

    +respond-to-width(600)
      +flex(space-between, center)
      //flex-direction: column

    .city
      font-weight: bold
      color: $primaryColor

    p, span
      color: $darkGray
      +font-default
      width: 50%
      max-width: 500px
    a
      +flex(flex-start, center)
      width: 100%
      p, span
        color: $black
        +font-default
        width: 50%
        max-width: 500px
        text-decoration: underline