html{
    min-height: 100%;
}
body{ 
    color: #666666; 
    background-color: #e8ddd7; 
    /* background: linear-gradient(#a09085, #a09085, #a09085, #ede1d9); */
    min-height: 100vh; 
}
.margen-sup{
    margin-top: 10%;
}

.logo-img {
    width: 100%;
}
.form-control{
    color: #666666;
    font-size: 0.85em;  
    border-color: #e6573f;
}
.input-group-text{
    border-color: #e6573f;
    color: #FFF;
    background: rgba(230, 87, 63, 0.5);
}
a{
    color: #666;
    text-decoration: none; 
}
a:hover{
    color: #333;
    text-decoration: none; 
}
.form-content{
    background-color: #FFF ;
    border-radius: 5%;
    box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    padding: 2rem;
}
.btn-orage{
    background: #e6573f;
    color: #FFF;
}
.btn-orage:hover{
    background: rgba(230, 87, 63,.75);
    color: #FFF;
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #e6573f;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255, 145, 77,.25);
}
@media screen and (max-width: 991.5px) {
    .logo-img {
        max-width: 80%;
    }
}
@media screen and (max-width: 1367.5px) {
    .margen-sup {
        margin-top: 0%;
    }
}
@media screen and (max-width: 1500.5px) {
    .margen-sup {
        margin-top: 2%;
    }
}