#forgotpasswordwrapper {
    margin-top: 15%;
    height: 150px;
}

#form {
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 50%;
    float: left;
    text-align: left;
}

#form > form > ul {
    margin-top: 2em;
    list-style-type: none;
    padding: 0;
    display: block;
    list-style-position: inside;
    text-align: left;
}

#form > form > ul > li {
    display: block;
}

#form > form > ul > li > label {
    min-width: 16px;
    display: inline-block;
    margin-right: 1ex;
    vertical-align: top;
    zoom: 1;
    margin-bottom: 4%;
}

#form > form > ul > li > input {
    width: 250px;
    border: 1px solid white;
    border-radius: 1ex;
    -moz-border-radius: 1ex;
    -webkit-border-radius: 1ex;
    padding: 4px 6px;
    background-color: #ece9e1;
    box-shadow: inset 0px 2px 3px rgba(0,0,0,0.2);
    float: right;
}

@media screen and (max-width: 950px) {
    #headernav {
        float: none !important;
        clear: left;
    }

    #headernav > ul > li {
        text-align: left !important;
    }

    #form, form {
        width: 100% !important;
        text-align: left;
        float: left !important;
    }

    form > ul > li, form > ul, p, label, input {
        float: none !important;
        text-align: left;
    }

    input {
        width: 200px !important;
    }

    button {
        float: none !important;
    }
}