body {
  padding-top: 20px;
  padding-bottom: 40px;
}

/* Custom container */
.container-narrow {
  margin: 0 auto;
  max-width: 740px;
}

/* Main marketing message and sign up button */
.jumbotron {
  margin: 10px 0;
  text-align: center;
}
.jumbotron h1 {
  font-size: 2.5em;
  line-height: 100%;
  padding: 0.1em 0;
}

.jumbotron .hero-unit {
  margin:5px;
  padding:0px;
}

.jumbotron .lead {
  font-size:1em;
  line-height:1.1em;
}

.jumbotron h3 {
  font-size: 0.95em;
}

#results {
  margin-left: 18px;
  font-weight:bold;
}

.forminputs {
  margin-left:12%;
}

.forminputs .radio {
  margin-right: 10px;
}

.page-header h1 {
  font-size: 2.5em;
}

.generator {
  font-weight:bold;
}

.styles {
  text-align:center;
}

.navlink {
  font-size: 0.8em;
  margin: 10px 0;
  font-family: 'Telex',sans-serif;
  font-weight: bold;
  line-height: 1em;
  color: #317eac;
  text-rendering: optimizelegibility;
}

.topicbody {
  font-size:16px;
}

br .smalllinebreak {
  line-height:0.5em;
}


@media (min-width: 800px) {
  .jumbotron .hero-unit {
    width: 740px;
  }
  
  #subject {
    width:300px;
  }
}

@media (max-width: 480px) {
  .hero-unit .input-append, .row-fluid {
    margin-bottom: 1px;
    padding-bottom: 1px;
  }

  .hero-unit .btn-primary {
    padding-bottom: 2px;
    font-size: 14px;
    padding-top: 2px;
  }

  .jumbotron h1 {
    font-size: 1.1em;
    line-height: 100%;
    padding: 0.1em 0;
    text-transform: uppercase;
    font-weight: bold;
  }

  .jumbotron .lead {
    font-size: 0.9em;
    line-height: 1.1em;
    margin-bottom:15px;
  }

  .jumbotron h3 {
    font-size:0.7em;
    line-height: 1.0em;
    margin-top:2px;
  }

  body {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
  }

  .jumbotron {
    margin: 2px 0;
  }

  .jumbotron .hero-unit {
    margin: 2px;
    /*padding: 0px;*/
    padding-top: 5px;
  }

  #results {
    margin-left: 2px;
  }

  .styles {
    line-height:1.0em;
    margin-top: 2px;
    font-size: 1.1em;
  }

  .description {
    font-size: 0.9em;
    line-height: 1.1em;
    margin: 2px;
  }

  .marketing h4 {
    font-size:0.9em;
  }

  .marketing description {
    font-size: 0.8em;
    line-height: 1.2em;
  }

  .footer p {
    font-size:0.8em;
  }

}