/*
 * Specific styles of signin component
 */
/*
 * General styles
 */
body, html {
    height: 100%;
}

h1 {    
    font-size: 20px;
    text-align: center;
    color: #B5291E;
}
p{
    text-align: center;
}
.container-lg {
    padding-top: 50px;
}

.btn {
    width: 100%;
    font-size: 1rem;
    height: auto;
}

.form-control {
    margin-bottom: 0;
}

/*
 * Card component
 */
.container-lg .card {
    background-color: #fff;
    width: 100%;
    max-width: 500px;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 25px auto ;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: .25rem;
    -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);
    
}

.profile-img-card {
    width: 100%;
    height: auto;
    max-width: 150px;
    display: block;
    margin: 0 auto;
}

.card-footer {
    padding: 10px 0;
    background-color: transparent;
    border-radius: 0;
}

.card-footer p, .card-footer a {
    font-size: 12px;
    margin: 0;
}