html{
    height: 100%;
}
.form-group .hidden{
    display:none;
}
body {
    background-color: #f6f1eb;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    overflow-x:hidden;
    font-family: Courier New,Microsoft YaHei,微软雅黑,PingFang SC,萍方,Noto Sans,SimHei,黑体,monospace;
}
.main-content .form-container{
    background: #f6f1eb;
}
.main-content .form-container a{
    color:#212529 ;
    text-decoration: underline;
}
.main-content .header{
    margin: auto;
    text-align: center;
    width: 450px;
}
.main-content .header .logo{
    margin: auto;
}
.form-container {
    width: 450px;
    padding: 40px;
    margin: auto;
    min-height: 300px;
}
.form-container strong{
    display: inline-block;
    padding-bottom: 20px;
}
.form-container .comment {
    font-size: 14px;
    font-style: italic;
    padding-top: 20px;
    display: inline-block;
    text-align: center;
}
.spinner-border{
    width: 1.5rem;
    height: 1.5rem;
    display: none;
}
.footer {
    margin: auto;
    width: 450px;
    text-align: center;
    font-size: 14px;
    padding: 0 40px 40px;
}
.footer .logo-footer{
    padding: 20px;
}
.footer a{
    color: #212529;
    text-decoration: underline;
}
.footer .logo-footer img{
    width: 120px;
}
.footer .alignment{
    display: block;
    width: 80%;
    border-top: 1px solid gray;
    margin: auto;
}
.footer .social{
    padding: 20px;
}
.footer .social img{
    width: 32px;
}
.footer .link{
    font-size: 13px;
}
@media only screen and (max-width: 768px) {
    .form-container,.main-content .header,.footer{
        width: 375px;
    }
    .footer .link{
        font-size: 10px;
    }
}