input {
  margin-left:3px;
  margin-right:3px;
  padding-left:3px;
  height: 1.1em;
  font-size:1em;
  padding-right:16px;
}

.prefill:valid {
  background-image: url('images/tick.png');
  background-repeat: no-repeat;
  background-position: right;
  outline:none;
  background-size:13px;
}

#numberAndHeading {
  margin-left:70px;
}

input {
  max-width:90%;
}

#textInputWithPrefillCheck, #textInputWithPrefillNext {
  margin-left:880px;
  margin-top:25px;
}

#textInputWithPrefillErrorMessage {
  margin-top:-24px;
}

.question {
  padding-left:60px;
  text-indent:-98px;
  line-height:1.9;
  margin: 0px 40px 13px 65px;
}

#haystack {
  width:55%;
  display:block;
  margin:auto;
}


@media only screen and (max-width: 830px) {
  #numberAndHeading {
    margin-left:60px;
  }
  .question {
    margin-left:30px;
    padding-left:60px;
    text-indent:-100px;
  }
  #text {
    margin-left: 60px;
    margin-right:50px;
  }
  #haystack {
    width:90%;
  }
}

@media only screen and (max-width: 1075px) {
  #textInputWithPrefillCheck, #textInputWithPrefillNext {
    margin-left:85%;
  }
}