@media screen and (max-width: 800px) {

	.main-login-page {
		height: 100vh!important;
	}
	.main-login-wrapper {
		width: 60%;
		height: 60%;
		margin:  5% 20%;
	}
	.main-form {
		margin-top: 5vw;
	}
	.main-login-wrapper h1 {
		margin: 2vw 0;
	}
	.main-form input {
		width:  80%;
		font-size: 1em;
	}
	.main-submit {
		margin-top:  10vw;
	}
}

@media screen and (max-width: 480px) {

	.main-login-page {
		height: 100vh!important;
	}
	.main-login-wrapper {
		width: 80%;
		height: 80%;
		margin:  5% 10%;
	}
	.main-form {
		margin-top: 5vw;
	}
	.main-login-wrapper h1 {
		margin: 2vw 0;
	}
	.main-form input {
		width:  80%;
		font-size: 1em;
	}
	.main-submit {
		margin-top:  10vw;
	}
}