/* Our own stuff */
a { color: #246; }
a:hover { color: #f80; }

h3 { color: #246; }

/* Customize container */
@media (min-width: 48rem) { .container { max-width: 48rem; } }
.header { margin: 2rem 0rem 3rem 0rem; }

.nav-pills .nav-link.active { background-color: #246; }
.nav-pills .nav-link.active:hover { background-color: #f80; }

.btn { background-color: #246; border-color: #024; }
.btn:hover { background-color: #f80; border-color: #e80; cursor: pointer; }

/* Main marketing message and sign up button */
.jumbotron { text-align: center; background-image: url("../img/jumbotron_bg.jpg"); background-size: cover; }

/* Supporting marketing content */
.marketing { margin: 3rem 0; }
.marketing p + h4 { margin-top: 1.5rem; }
.marketing p.question { font-weight: bold; }
.marketing.bg-grey { background-color: #eee; padding: 1rem 0; }
.marketing .centered { text-align: center; }
.marketing h2 { font-weight: normal; margin-bottom: 1.5rem; }

img.rounded-circle { width: 100%; max-width: 10rem; }

i.fa { font-size: 250px; color: #246; }
i.fa:hover { color: #f80; }

.form-group.required > *:first-child::after { content: " *"; color: red; }

.social { margin-bottom: 0px; text-align: center; }
.social p { margin-bottom: 0; color: #246; }
.social a { text-decoration: none; }
.social i.fa { font-size: 1.5rem; margin: 0 0.5rem; }
.social span { margin: 0 0.5rem; font-size: 0.75rem; }