/* Home page body/content fonts use system stacks; navbar keeps Oswald via style.css. */
/* Hero title keeps Bellerose from style.css (#hero h1). */
body#home {
    font-family: Verdana, Geneva, sans-serif;
}

body#home #on-tap h2 {
    font-family: 'Segoe UI', Tahoma, 'Trebuchet MS', Arial, sans-serif;
}

body#home h2,
body#home h3,
body#home .welcome h1,
body#home .welcome h2,
body#home .welcome p,
body#home a#mailinglist,
body#home .subscribe a {
    font-family: Verdana, Geneva, sans-serif;
}

/* Keep hero title on Bellerose (do not fall back to Segoe UI). */
body#home #hero h1 {
    font-family: 'Bellerose', Lucida, sans-serif;
    font-weight: 700;
    letter-spacing: 0.06em;
}

body#home #hero .welcome h2 {
    font-family: 'Segoe UI', Tahoma, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 600;
}

/* Contact tagline: self-contained for CDN-stale style.css fallback. */
@font-face {
    font-family: 'Daniel';
    src: url('../fonts/daniel.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body#home #contact .contact-tagline {
    float: none;
    text-transform: none;
    font-family: 'Daniel', cursive;
    font-size: 2rem;
    font-weight: normal;
    color: #A30000;
    margin: 2rem 0 0;
    padding-left: 72px;
    line-height: 1.2;
    text-align: left;
}

@media screen and (max-width: 762px) {
    body#home #contact .contact-tagline {
        padding-left: 0;
    }
}