img {
  /* width: 100% */
}

h1 {
  font-size: 36px;
  padding: 20px 0 20px 0;

}

hr {
  height: 0px;
    border-bottom: none;
    border-top: 1px solid #ccc;
  display: block;
  margin: 15px 0;
}

body {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  line-height: 140%;
  padding: 30px;
}

input[type="text"] {
  border: 1px solid #999;
  border-radius: 3px;
  padding: 0 5px;
  height: 24px;
}

button {
  padding: 5px 10px;
  background: #f39c12;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  margin: 0 5px 10px 0;
}

button:hover {
  background-color: #f1c40f;
}
button:active {
  background-color: #d35400;
}
button:focus {
  outline: none;
}

.options label {
  display: block;
  margin-bottom: 10px;
}

.options label > span {
  display: inline-block;
  width: 140px
}

.output {
  margin-top: 30px;
  padding: 15px 10px 10px;
  position: relative;
  border: 1px solid #ccc;
  min-height: 32px;
  line-height: 0;
}

.output img {
  margin: 0 10px 10px 0;
}

.output-label {
  background-color: #fff;
  padding: 0 10px;
  position: absolute;
  line-height: 100%;
  top: -10px;
}

.article {
  padding: 0 20% 3% 0;
}