html {
    background-color: white;
}

p {
    text-align: center;
}

label {
    margin-top: 1em;
}

#screenFormWrapper {
    margin:auto;
    max-width: 700px;
}

#questionWrapper {
    display: none;
}

#answerWrapper {
    display: none;
    margin-top: 1em;
}

.answer {
    text-align: left;
}

#questionAnswered {
    display: none;
    margin-top: 1em;
}

#yesButton {
    font-size: 16px;
}

#noButton {
    font-size: 16px;
}

#checkmark {
    display: none;
}

#formWrapper {
    display: none;
    margin:auto;
    max-width: 700px;
}

#instructions {
    text-align: left;
}

#captchaImage {
    width: 155px;
    height: 50px;
    float: left;
    margin-right: .5em;
    margin-top: -1px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

#captcha {
    width: calc(100% - 155px - .5em);
}

#invalidMessage {
    display: none;
    margin: 0 0 1em 0;
    font-size: 1em;
    text-align: center;
    color: red;
}

#submitButton {
    margin-top: 1em !important;
}

.invalid {
    background-color: #ffc9c9 !important;
}

#successMessage {
    display: none;
    text-align: center;
}

@media screen and (max-width: 1680px) {
    #captchaImage {
        margin-top: -3px;
    }
}

@media screen and (max-width: 1120px) {
    p {
        text-align: left;
    }
}

@media screen and (max-width: 480px) {
    #invalidMessage {
        font-size: .9em;
    }

    #submitButton {
        max-width: 100%;
        width: 100%;
        margin: 1em 0 0 0;
    }

    #email {
        font-size: .9em;
    }

    #reason {
        font-size: .9em;
    }

    textarea {
        font-size: .9em;
    }

    #captchaImage {
        float: none;
        width: 140px;
        height: 45px; 
    }

    #captcha {
        width: 100%;
        margin-top: .5em;
        font-size: .9em;
    }
}