.modal .modal-dialog .modal-content {max-width: 400px;}
.wrapper {width: 300px; height: 100%; margin: 0 auto;}
.form-panel {position: absolute; top: 50%; width: 300px; margin-top: -157px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background-color: #e0e0e0; box-shadow: 0 0 20px #999; text-align: center;}

.title {margin-top: 30px; margin-bottom: 30px;}
.title h2 {margin-top: 5px; font-size: 14px; font-weight: 500;}

#frm-request {margin-top: 15px;}
.request-field > li {margin: 10px; list-style: none;}
.request-field input {width: 280px; height: 37px; border: 1px solid rgba(255, 255, 255, 0.3); text-align: center;}
.request-field .submit+label {display: inline-block; width: 280px; height: 37px; line-height: 37px; background: rgba(0, 148, 178, 0.8); border: none; color: #fff; font-weight: bold;}
.request-field .submit+label:active {position: relative; top: 1px;}
.request-field .password {border: 1px solid #333; background: rgba(0, 0, 0,.1);}

.footer {margin: 30px 5px 10px 5px; font-size: 10px;}

@media only screen and (min-width: 640px) {
    .wrapper {width: 400px;}
    .form-panel {width: 400px; margin-top: -178px;}
    .footer {margin: 30px 5px 10px 5px; font-size: 12px;}
    .request-field .username {background-color: rgba(45, 30, 18, 0.5);}
}