body{background-color:#fff;font-family:Montserrat,sans-serif}.wrapper{display:flex}.left{width:45%;height:100vh;position:relative}.login-wrap{width:300px;margin:auto;display:block;position:absolute;top:calc(50% - 100px);bottom:50%;left:calc(50% - 150px)}.login-wrap input,.login-wrap button{margin:10px 0}.right{width:55%;height:100%;position:fixed;top:0;right:0}.left-img{height:100%;position:absolute;right:0}.login-btn{color:#fff;letter-spacing:.06rem;background-color:#8c3996;border:none;font-weight:700;box-shadow:2px 3px 1px #4c1f52}.mid-div{text-align:left;border:1px solid #ced4da;border-left:3px solid #8c3996;padding:4px 9px;font-size:.8rem;font-weight:400;display:flex}.mid-div div{justify-content:center;align-items:center;width:90px;margin-left:-9px;display:grid}.img-logo{width:220px;margin:auto;display:block}.card-footer{background-color:#fff;border:none;width:100%;font-size:.8rem;display:table;position:absolute;bottom:25px}@media screen and (width<=1160px){.left{width:60%}.right{width:40%}.left-img{right:unset}}@media screen and (width<=768px){body{height:unset}}@media screen and (width<=570px){.right{display:none}.left{width:100%}.login-wrap{position:unset;margin-top:10%}}@media screen and (width<=400px){body{height:unset}.left{text-align:center;align-content:center}.left-img{align-self:center;width:35%;height:auto;margin:20px auto 40px}.mid{text-align:center;width:100%;margin:auto;display:inline-block}.card-footer{position:unset;margin-top:30%}}