Center login on smaller screens

Hello Community,

 

I was able to find a good code with help from you guys to center the login page. My only issue is that of a full screen its fine but its off-centered on smaller screens like phone and tablets?

Any thoughts or help on this i would really appreciate.

 

Thanks.,

div.kn-login {
margin-left: 50%;
transform: translate(-25%, 0%);
text-align: center;
align-content: center;
justify-content: center;
object-position: 50% 50%;
columns: center;}

div#view_25.kn-login.kn-view.view_25 div {
transform: translate(0%, 0%);}

input.kn-button.is-primary {
text-align: center;
margin-left: 30%;}

@Chris Thanks so much this was exactly what i needed!!!! Still learning CSS to better build apps with Knack!