.vacature-page
  .header-image
    background-size: cover
    background-position: 65% 50%


.blue-row.vacature-row
  p
    width: 85%
    margin: 0 auto 30px
    +font-semi-bold(21px)
    color: white
    strong
      color: white

  h4
    width: 85%
    margin: 0 auto 10px
    color: white
    +font-light(26px)
    strong
      +font-bold(32px)
      color: white
.blue-row.vacature-row-function
  P
    width: 100%
    +font-semi-bold(32px)

  ul
    width: calc(90% - 40px)
    max-width: 600px
    margin: auto
    li
      text-align: left
      +font-light(18px)
      color: white
      font-size: 18px !important
      margin-bottom: 10px


.content-row
  padding: 60px 0
  h2
    +font-semi-bold(32px)

  .image-container
    width: 40%
    max-width: 600px
    margin-left: 80px
    margin-bottom: 20px
    float: right
    img
      width: 100%

  .leftContent, .rightContent
    width: 50%
    h2
      margin-bottom: 20px
    ul
      width: 80%
      li
        +font-light(18px)
        font-size: 18px !important
        margin-bottom: 10px
  .leftContent
    float: left

  .rightContent
    float: right

.contact-row
  h3
    +font-light(28px)
    color: #56AED4

  h5
    +font-semi-bold(21px)
  .image-container
    width: 20%
    max-width: 200px
    display: inline-block
    img
      width: 100%
  p
    padding: 20px 0
    display: inline-block
    +font-light(18px)
    padding-right: 350px

    a
      color: #575757
      text-decoration: underline
      +font-light(18px)

+media-query(1200px)
  .vacature-page
    .header-image
      height: 400px
      background-image: url("/public/images/static/woningen/woning_header_foto.jpg")
      .content-image
        display: none

    .content-row, .contact-row
      width: 90%
      max-width: 600px
      margin: auto
      .image-container
        display: none
  .content-row
    .leftContent, .rightContent
      width: 100%

      ul, h2
        width: 100%
        max-width: 600px
        margin: auto

      ul
        width: calc(100% - 40px)

      h2
        text-align: center

    .rightContent
      margin-top: 80px


+media-query(400px)
  .contact-row
    p
      +font-light(16px)

      a
        +font-light(16px)