/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape phones and portrait tablets (max 768px) */
@media (max-width: 768px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    #forgot {
        left: 16% !important;
    }

}

/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {

}

html, body, #footerbg {
    background-color: #efefef;
}

#forgot {
    text-align: center;
    top: 10%;
    left: 25%;
    background-color: whitesmoke;
    border-radius: 5px;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 100px;
}


input {
    width: 100%;
}

.form-group {
    padding-left: 20px;
    padding-right: 20px;
}

.btn-default {
    color: white;
    background-color: #45b878;
}

.btn-default:hover {
    color: #45b878;
    background-color: white;
    border-color: #45b878;
}