.top-line{
    height: 100px;
}
.top-line img{
    max-height: 100%;
}
@media (min-width:767px) {
    .login-container{
        margin-top: 200px;
    }
}
@media (max-width:767px) {
    .login-container{
        margin-top: 20px;
    }
}
.login-container{


    border: 2px solid #4ccfca;
    padding: 40px 30px 40px 30px;
}
.register-container{
    margin-top: 100px;
    border: 2px solid #4ccfca;
    padding: 40px 30px 40px 30px; 
}
@media (min-width:767px) {
    .border-between > [class*='col-']:before {
        background: #e3e3e3;
        bottom: 0;
        content: " ";
        left: 0;
        position: absolute;
        width: 1px;
        top: 0;

    }

    .border-between > [class*='col-']:first-child:before {
        display: none;
    }
}

.form-sigin-inputs{
    margin: 20px 0 20px 0;
}
button{
    width: 300px;
}
.register-container  button{
    margin-top: 30px;
}