.banner {
    width: 100%;
    height: auto;
    display: inline-block;
}

.banner img {
    width: 100%;
}
.log-on{
    width: 36%;
    height: auto;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
    padding: 38px 22px;
    margin: 0 auto;
    margin-top: -15%;
    z-index: 99999999;
    position: relative;
    border-radius: 11px;
    margin-bottom: 5%;
}
.log-on-box{
    width: 100%;
    height: auto;
    display: inline-block;
}
.log-on-box h3{
    text-align: center;
    font-size: 32px;
    letter-spacing: 2px;
    color: #16b1b7;
}
.log-on-box ul{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 7%;
}
.log-on-box li{
    width: 100%;
    height: auto;
    display: inline-block;
}
.log-on-box li input{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 6%;
    border: 0px;
    border-bottom: 1px solid#8b8b8b;
    padding-bottom: 11px;
    font-size: 17px;
    color: #b4b4b4;
    letter-spacing: 1px;
}
.log-on-box a{
    float: right;
    color: #c40000;
    width: 100%;
    display: inline-block;
    text-align: right;
    margin-bottom: 12px;
    font-size: 15px;
}
.btn-primary{
    color: #fff;
    background: #16b1b7;
    padding: 14px 183px;
    font-size: 18px;
    letter-spacing: 2px;
    border-radius: 31px;
    border: 0px;
    text-align: center;
    margin: 0 auto;
    display: block;
}