/*==========================================================================
  Vacancies overview page
  ========================================================================== */
.vacancies
  .overview
    background-color: $gray
    padding: 120px 0

    .no-vacancies
      display: block
      width: 100%
      text-align: center
      padding: 0 column(1, 14) 10px

      h2
        display: block
        width: 100%
        margin: auto
        font-size: 1.5rem
        line-height: 1.6
        background-color: $gray
        color: $purple
        font-family: rubik()

      p
        margin: 20px auto 0
        font-size: 1rem
        line-height: 1.4
        color: $darkGray

        a
          color: $dirtyBlue


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

    +respond-to-width(750)
      padding: 50px 0

    .models
      grid-gap: 90px 30px

      article
        position: relative