.reference
  background-color: black


  .go-offers
    background: $orange2
    +position(fixed, 80px 0 null 0)
    z-index: 100
    height: 75px
    .placeholder
      width: 90%
      margin: auto
      max-width: 600px
      +flex(space-between, center)
      height: 75px
      h3
        margin: 0
      .button
        background-color: $black
        color: white
        padding: 10px 30px
    &:hover
      .placeholder .button
        background-color: lighten($black, 10%)

  .breadcrumb
    ol, ul
      width: $contentGrid*10
      margin: auto
      li
        color: white
        span
          color: white

+media-query(1100px)
  .reference
    .breadcrumb
      ol, ul
        width: 100%

+media-query(600px)
  .reference
    padding-top: 155px

+media-query(500px)
  .reference
    padding-top: 155px
    .breadcrumb
      ol, ul
        li:last-child
          display: inline-block

+media-query(450px)
  .reference
    padding-top: 170px
    .go-offers
      height: 90px
      .placeholder
        display: block
        text-align: center
        height: 90px
        padding: 8px 0

        h3
          width: 100%
          margin-bottom: 5px
        .button
          display: inline-block