info@54: /* Space out content a bit */
info@54: body {
info@54:   padding-top: 20px;
info@54:   padding-bottom: 20px;
info@54: }
info@54: 
info@54: /* Everything but the jumbotron gets side spacing for mobile first views */
info@54: .header,
info@54: .marketing,
info@54: .footer {
info@54:   padding-left: 15px;
info@54:   padding-right: 15px;
info@54: }
info@54: 
info@54: /* Custom page header */
info@54: .header {
info@54:   border-bottom: 1px solid #e5e5e5;
info@54: }
info@54: /* Make the masthead heading the same height as the navigation */
info@54: .header h3 {
info@54:   margin-top: 0;
info@54:   margin-bottom: 0;
info@54:   line-height: 40px;
info@54:   padding-bottom: 19px;
info@54: }
info@54: 
info@54: /* Custom page footer */
info@54: .footer {
info@54:   padding-top: 19px;
info@54:   color: #777;
info@54:   border-top: 1px solid #e5e5e5;
info@54: }
info@54: 
info@54: /* Customize container */
info@54: @media (min-width: 768px) {
info@54:   .container {
info@54:     max-width: 730px;
info@54:   }
info@54: }
info@54: .container-narrow > hr {
info@54:   margin: 30px 0;
info@54: }
info@54: 
info@54: /* Main marketing message and sign up button */
info@54: .jumbotron {
info@54:   text-align: center;
info@54:   border-bottom: 1px solid #e5e5e5;
info@54: }
info@54: .jumbotron .btn {
info@54:   font-size: 21px;
info@54:   padding: 14px 24px;
info@54: }
info@54: 
info@54: /* Supporting marketing content */
info@54: .marketing {
info@54:   margin: 40px 0;
info@54: }
info@54: .marketing p + h4 {
info@54:   margin-top: 28px;
info@54: }
info@54: 
info@54: /* Responsive: Portrait tablets and up */
info@54: @media screen and (min-width: 768px) {
info@54:   /* Remove the padding we set earlier */
info@54:   .header,
info@54:   .marketing,
info@54:   .footer {
info@54:     padding-left: 0;
info@54:     padding-right: 0;
info@54:   }
info@54:   /* Space out the masthead */
info@54:   .header {
info@54:     margin-bottom: 30px;
info@54:   }
info@54:   /* Remove the bottom border on the jumbotron for visual effect */
info@54:   .jumbotron {
info@54:     border-bottom: 0;
info@54:   }
info@54: }