.form-wrapper {
    border: 1px solid #eceff1;
    width: 400px;
    border-radius: 0.3em;
    box-shadow: 0 0 2px rgba(0,0,0,0.2), 0 3px 8px rgba(0,0,0,0.2);
    margin: auto;
}
.form-logo {
    height: 60px;
    display: block;
    position: fixed;
}
.form-logo img {
    height: 100%;
}

@media (max-width: 575.98px) {

    .form-wrapper {
        width: 340px;
    } 

}

@media (max-width: 354.98px) {

    .form-wrapper {
        width: 95%;
    }

    .form-wrapper a[href="/pothi/user/password"] {
        float: none !important;
        display: inline-block;
    }

    .form-wrapper .btn-red {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}