.uit-je-dak
  background: linear-gradient(-90deg,  $lightOrange 50%, $darkOrange 100%)
  position: relative
  overflow: hidden
  font-size: 1em
  line-height: 1.6em
  height: 28.57vw
  max-height: 550px
  box-shadow: 0px 5px 10px rgba(0,0,0,0.1)

  .textholder
    vertical-align: top
    letter-spacing: 0.2px
    margin-left: column(1.95)

    h1
      margin: 21% 0 10% 0
      font-style: italic
      font-size: 40px
      line-height: 54px
      letter-spacing:   -0.3px
      color: white

  .imgholder
    width: column(7)
    margin-left: column(1)
    vertical-align: bottom
    background-size: cover
    height: 28.57vw
    max-height: 550px
    position: absolute

+respond-to-width(1025)
  .uit-je-dak
    .textholder
      h1
        margin-top: 20%
        font-size: 30px
        line-height: 42px

+respond-to-width(760)
  .uit-je-dak
    height: auto
    padding: 10%

    .textholder
      width: 100%
      margin: 0 5%
      max-width: 90%
      text-align: center

      h1
        margin: 10% 0

      h2
        p
          font-size: 28px
          line-height: 40px

      a.button
        font-size: 22px
        line-height: 40px

    .imgholder
      display: none