.form-field {
    width: 80vw;
    max-width: 500px;
}

.form-field-icon {
    font-size: calc(10px + 1vw);
}

.text-box {
    font-size: calc(10px + 1vw);
}

.button {
    margin-top: 10px;
    font-size: calc(10px + 0.8vw);
    width: 100%;
    background-color: #a8005b;
}

    .button:hover {
        background-color: #d80077;
    }

.field-validation-error {
    padding-left: 10px;
}

    .field-validation-error span {
        font-size: calc(12px + 0.4vw);
    }

.message {
    margin: 0px 10px 20px 10px;
    background: rgb(244, 244, 244);
    border: 1px solid;
    border-radius: 3px;
    padding:10px;
}

@media screen and (min-width: 1680px) {
    .text-box {
        font-size: 26px;
    }

    .form-field-icon {
        font-size: 26px;
    }

    .button {
        font-size: 24px;
    }
}