.form-page
  background: #D9D4D3

  .description
    padding: 120px 60px 120px 120px
    background: #fff
    width: 40%

    +respond-to(medium)
      padding: 60px 10px 60px 60px !important

    +respond-to(small)
      width: 100%
      padding: 60px 120px 30px !important
      // is set with javascript so has to be important
      height: auto !important

    +respond-to-width(720)
      padding: 60px 60px 30px !important

    +respond-to(small-mobile)
      padding: 60px 30px 30px !important
      float: right


.form-block
  position: relative
  float: left
  padding: 120px 120px 120px 200px
  width: 60%

  // Respond to resizing
  +respond-to(medium)
    padding: 60px 30px 60px 200px
  +respond-to(small)
    width: 100%
    padding: 120px 120px 60px 120px
  +respond-to-width(720)
    padding: 120px 60px 60px 60px
  +respond-to(small-mobile)
    padding: 120px 30px 30px !important


  h2, p
    margin-bottom: 2.54545454em

  p
    font-size: 1.222em 

  p.form-note
    display: block
    margin: 0 0 1.5em
    text-align: left
    margin-left: 30%

  .input-holder
    @extend %clearfix

    &.checkbox
      padding-left: 30%

      label
        width: auto

      input
        margin-right: 10px
        display: inline-block
        +position(relative,7px null null 0)
        width: 14px
        height: 14px

  label, input, textarea, select
    display: block
    float: left
    margin-bottom: 10px

  label
    position: relative
    top: 6px
    left: 0
    width: 30%
    font-weight: 600

    // Label above input on mobile
    +respond-to-width(720)
      top: 0
      margin-bottom: 0
      float: none
      width: 100%

  input, textarea, select

    padding-left: 10px
    width: 70%
    border: none

    // Label above input on mobile
    +respond-to-width(720)
      float: none
      width: 100%

    +josefin
    font-size: 16px

  input, select
    height: 30px

  select
    background: #eee

  textarea
    padding: 10px
    height: 100px

  .btn
    margin-left: 30%
    margin-top: 30px
    height: 40px
    line-height: 40px
    background: #8EB55A
    color: #fff
    +fjalla
    font-size: 18px
    cursor: pointer
    +transition(background 300ms ease-out)

    &:hover
      background: darken(#8EB55A,10)

    // Label above input on mobile
    +respond-to-width(720)
      margin-left: 0

  .message
    display: block
    padding-left: 30%
    &.error
      color: #C12530

  .error
    input
      border: 1px solid #C12530