html {
    font-size: 14px;
    letter-spacing: .18rem;
}

body {
    font-size: 18px;
    letter-spacing: .2rem;
}

.block h2 {
  color: #255477;
}

.block h3 {
  color: #255477;
}

.slider > input {
  width: 300px;
  margin: 20px;
}

.take_action {
  background: url("../../img/green-tick.253626430460.png") no-repeat 5px 5px #e3ebd2;
  display: inline-block;
  padding: 5px 15px 5px 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 6px 0;
}

.cadat_quicktip {
  background: url("../../img/quicktip.ef38cea54aea.png") no-repeat 15px 25px #fac896;
  display: inline-block;
  padding: 10px 20px 10px 130px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #e08040;
  margin: 30px 0px;
}

.cadat_info {
  background: #fac896;
  display: inline-block;
  padding: 10px 20px 1px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #e08040;
  margin: 30px 0px;
}

.cadat_prompt {
  background: #e9e5ed;
  padding: 20px 20px 1px;
  font-color: #6a5088;
}

.cadat_write {
  background-image: url("../../img/grief/write_icon.8f8613f0ebb6.png");
  background-repeat: no-repeat;
  background-color: #e3ebd2;
  background-position: 5px 5px;
  background-size: 32px 32px;
  display: inline-block;
  padding: 12px 35px 12px 45px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 6px 0px;
}

.cadat_example {
  background: #cee9ef;
  padding: 20px 20px 1px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #6095c9;
  margin: 20px 0px;
}

.cadat_webcam {
  background-image: url("../../img/video-512.6d18c12f9b1e.png");
  background-repeat: no-repeat;
  background-color: #e3ebd2;
  background-position: 5px 5px;
  background-size: 32px 32px;
  display: inline-block;
  padding: 12px 35px 12px 45px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 5px 0px;
}