body, html {
    height: 100%;
    background: url(../imgs/fondo2.png) no-repeat center center fixed;
    background-size: cover;
    text-align: center;
}

.main-section {
    margin: 0 auto;
    margin-top: 0%;
    padding: 0;
}
.modal-content{
    opacity:.85;
    padding:0 20px;
    box-shadow:0px 0px 3px #848484;
}
form-group input{
    height:42px;
    font-size:18px;
    border:0;
    padding-left:54px;
    border-radius:5px;
}

.forgot{
    padding:5px 0px 5px;
}

.forgot a{
    color:white;
}

.card {
    background-color: #F7F7F7;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    max-width: 350px;
}