#scholarshipHeader {
    text-align: center;
}

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

.errorlist {
    display: none;
}

#id_username {
    width:250px;
}

#id_password {
    width: 250px;
    margin-left: 4px;
}

input[type=submit] {
    padding: 14px 28px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}

#button {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 0;
}

#forgot-password {
    text-decoration: none;
    color: #000;
    padding: 5px;
}

#forgot-password:hover {
    color: rgb(30, 47, 146);
    border: 1px dashed rgb(30, 47, 146);
}

@media (max-width: 716px) {
    /* CSS that should be displayed if width is equal to or less than 716px goes here */
    #id_password {
        margin-left: 0;
    }
}