html {
        scroll-padding-top: 30%;
    }
    
    @font-face {
        font-family: 'DroidSerif';
        src: url('DroidSerif-Regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    body {
        font-family: 'DroidSerif', serif;
        margin: 0;
        padding: 0;
        background: #fbfbf3;
    }

    .faq h3 {
        padding-top: 0.7em;
    }

    .faq .answer {
        display: none;
    }

    .faq .answer:target {
        display: block;
        scroll-padding-top: 4em;
    }
    
    .footnote {
        font-size: 0.85em;
        font-style: italic;
    }
    
    #mc_embed_signup {
        border: 1px solid black;
        padding: 1em;
    }
    
    @media only screen and (min-device-width: 500px)
    {
        h1 {
            margin-top: 2.2em;
            margin-left: 14%;
        }
        h2, h3, p {
            margin-left: calc(14% + 8px);
            margin-right: 16%;
            line-height: 1.45em;
        }
        #mc_embed_signup {
            margin-left: calc(18% + 8px);
            margin-right: 22%;
        }
        h2 {
            font-size: 1.5rem;
        }
        h3 {
            font-size: 1.2rem;
            font-weight: bold;
        }
        p {
            font-size: 1.2rem;
        }
        .footnote {
            font-size: 0.85em;
            font-style: italic;
        }
        #heading {
            width: 12em;
        }
        #main, #second {
            width: 97%;
        }
        #second {
            margin-top: 10px;
        }
    }

    @media only screen and (max-device-width: 500px)
    {
        h1 {
            margin-top: 2em;
            margin-left: 5%;
            margin-right: 4%;
        }
        h2, h3, p, #mc_embed_signup {
            margin-left: calc(4% + 1em);
            margin-right: 5%;
        }
        h2 {
            font-size: 1.2rem;
        }
        h3 {
            font-size: 1.05rem;
            font-weight: bold;
        }
        p {
            font-size: 1.05rem;
        }
        .footnote {
            font-size: 0.85em;
            font-style: italic;
        }
        #heading {
            width: 100%;
        }
        #main, #second {
            width: 96%;
        }
    }