body, p, .field {
    font-family: "museo-sans","sans-serif";
}

.prehead {
    font-size:1.5em;
    text-align: center;
    font-weight: bold;
    margin-bottom: .5em;
}

h1 {
    font-family: "futura-pt-condensed", "sans-serif";
    text-align: center;
    font-size:3.25em;
    font-weight:700;
    color: #d44646;
    line-height: 1.25;
    margin-top:.25em;
}

p {
    font-size:1.375em;
    line-height:1.35;
    color:rgb(70 70 70);
}

.field, .btn {
    box-sizing: border-box;
    border-radius:2px;
}

.field {
    background: #fdfdfd;
    border: 2px solid #afabab;
}

.fields-container {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.field {
    margin: 0.5em 0;
    padding: 1em;
    font-size: 1em;
}

.btn {
    display: block;
    margin: 0.5em 0;
    padding: 1.5em 1em;
    font-size: 1.125em;
    width: 100%;
    font-weight: bold;
    background: #ffb644;
    border: 1px solid #855b1a;
    cursor: pointer;
}

.btn:hover {
    background: #ffc362;
}

.btn:active {
    background: #ffab23;
}

p.cta {
    text-align: center;
    font-weight: bold;
}

.privacy {
    font-size: .875em;
}

.unhappyMessage {
    margin-bottom: 0.5em;
    font-size: .9em;
    font-weight: bold;
    color: #fd3a3a;
}

@media screen and (max-width: 800px) {
    h1 {
        font-size:2.999em;
    }
}

@media screen and (max-width: 600px) {
    h1 {
        font-size:2.5em;
    }
    
    p {
        font-size:1.275em;
        line-height:1.35;
        color:rgb(70 70 70);
    }
}