#content-text {
  width: 85%;
  margin: 0 auto 3em;
  padding: 1em 1.2em;
  border: 1px dotted #4f4f4f;
}

.user-img {
  text-align: center;
  margin-bottom: .8em;
}

.singer-title {
  text-align: center;
}

.singer-title div {
  font-size: 1.2em;
}

.story {
  margin: 2em auto;
  color: #fcfcfc;
}

.demo-audio audio {
  width: 100%;
  padding-bottom: 2em;
}

#myform-vote .form-element {
  margin-bottom: 2em;
}

#myform-vote .form-element:last-child {
  margin-top: 3em;
  margin-bottom: 0;
}

#myform-vote label {
  display: block;
}

#myform-vote input[type="text"] {
  width: 20em;
}

#myform-vote .hint {
  font-size: 80%;
  color: #949492;
  margin-top: 3px;
}

#err-msg {
  color: #f53d65;
  font-weight: bold;
  font-family: georgia, "times new roman", times, serif;
}

.thank-vote {
  font-size: 1.2em;
  padding: 1.1em;
}

.thank-vote-2 {
  color: #d9534f;
  font-weight: bold;
}

.warning {
  color: #f24;
  padding-left: 4px;
}

.hide {
  display: none;
}

@media screen and (min-width: 1024px) {
  #myform-vote input[type="text"] {
    width: 26em;
  }
}