.form{
    margin: 30px 0 0 0;
}
.form-field{
    width: 80vw;
    max-width:500px;
    margin: 5px 0 0 0;
}
.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);
}

.forgot{
    color:white;
    font-size:x-large;
}

input{
    margin: 0 0 10px 0;
}

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

@media only screen and (max-width: 800px){
    .forgot{
        font-size:medium;
    }
}