body {
  background-color: #efefef;
  color: #3A3E40;
  padding: 0px;
  margin: 0px;
}

a:link {
  text-decoration: none;
}

section.loading {
  color: #34495f;
  background-color: #fff;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  text-align: center;
}

section.loading h1 {
  font-size: 1.5em;
}

section.loading img {
  height: 250px;
}

section.loading h1.error {
  cursor: pointer;
}

h1.question {
  font-size: 2.2em;
  margin-top: 0.8em;
  font-weight: 500;
  line-height: 1.3em;
  color: #EFEFEF;
}

@media screen and (min-width: 480px) {
    h1.question {
      font-size: 3.0em;
      margin-top: 1.0em;
    }
}

h1.answer {
  font-size: 5.0em;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 0.0em;
  color: #EFEFEF;
}

@media screen and (min-width: 480px) {
  h1.answer {
    font-size: 9.0em;
  }
}

h2.expected {
  color: #34495f;
  font-size: 2.0em;
  line-height: 1.3em;
}

h3.updated {
  font-size: 1.0em;
  font-weight: normal;
}

div#header {
  background-color: #34495f;
  color: #fff;
  padding-bottom: 20px;
}

div.white {
  background-color: #fff;
}

div.amount {
  background-color: #F7F8FB;
  color: #5E6B81;
  margin-top: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}

div.text-forecast {
  background-color: #fff;
  margin-top: 20px;
  padding-bottom: 40px;
}

h4.period {
  color: #000;
  font-size: 1.4em;
  margin-top: 25px;
  margin-bottom: 5px;
}

div.text-forecast p {
  font-size: 1.3em;
}

p.expected {
  color: #999;
  margin-top: 30px;
}

p.header {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 2px;
}

p.highlight {
  background-color: #FFFF99;
}

a.hidden-link {
  text-decoration: none;
  color: inherit;
}