/*==========================================================================
  Vacancy
  ========================================================================== */
body.default.vacancy

  .page-title
    padding: 120px 0
    margin-top: 0

    +respond-to-width(1000)
      padding: 100px 0

    +respond-to-width(740)
      padding: 80px 0

    +respond-to-width(450)
      padding: 60px 0


  .vacancy-content
    .kms-content
      padding: 60px 0
      display: block
      max-width: 600px
      margin-left: auto
      margin-right: auto

      h2
        margin-top: 60px

        &:first-child
          margin-top: 0

  .send-vacancy-info
    .contact-person-model
      margin-top: 60px
      display: block
      max-width: 600px
      margin-left: auto
      margin-right: auto
      .contact-person
        top: -61px
        margin-top: 0
        margin-bottom: -61px

      .model-content
        h3
          font-size: 1.6rem
          line-height: 1.4
          +bree
          color: white
          margin: 0 0 20px

          +respond-to-width(680)
            font-size: 1.3rem

          +respond-to-width(380)
            font-size: 1.1rem

        p
          color: white
          font-size: 0.9rem
          line-height: 1.4
          margin: 0

          a
            color: white
            opacity: 1
            transition: opacity 0.2s

            &:hover
              opacity: 0.6

    +respond-to-width(680)
      width: 100%
      .contact-person-model
        max-width: none

  .button-wrapper
    width: column(12, 14)
    max-width: 600px
    margin: 0 auto

    .button
      margin-top: 50px
      margin-bottom: 120px

    +respond-to-width(680)
      text-align: center
      .button
        margin-bottom: 50px

    +respond-to-width(400)
      width: calc(100% - 80px)
      .button
        width: 100%