body {
    background-color: #f2f2f2;
    font-family: "Poppins", serif;
}

.error {
    color: red;
}

input[type=text], input[type=password], select {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 20px;
    box-sizing: border-box;
    margin-bottom: 0.8em;
}

input[type=submit] {
    border: #808080 2px solid;
    font-size: large;
    background-color: orange;
    color: white;
    padding: 8px 12px;
    border-radius: 20px;
    cursor: pointer;
    margin-top: 1.5em;
    margin-bottom: 1em;
}

/*#resetpasswordform {
    width: 100%;
    padding: 5px;
}*/

#dobDiv {
    padding-bottom: 20px
}

@media (min-width:0px) {
    input [type=text], select {
        width: 90%;
        padding: 12px 10px;
    }

    input[type=submit] {
        width: 90%;
    }
}

@media (min-width:641px) {
    input[type=text], select {
        width:544px;
        padding: 12px 10px;
    }

    input[type=submit] {
        width:544px;
    }
}

@media (min-width:961px) {

    input[type=text], select {
        width: 544px;
        padding: 12px 10px;
    }

    input[type=submit] {
        width: 544px;
    }
}