@media only screen and (max-width : 480px)
{
	.login-heading{padding: 50px 0!important;}
	.login-heading h1{letter-spacing: 2.5px!important; text-shadow: 1px 2px 3px #000!important; font-weight: 400!important; font-size: 25px;}
	.login-section-form{padding: 15px!important; width: 100%!important;}
	.form-heading h3{letter-spacing: 0.5px!important; margin: 25px!important; font-size: 20px;}
	.form-check label{letter-spacing: 0.5px!important; font-size: 14px;}
	.forgot-password a{letter-spacing: 0.5px!important; font-size: 14px;}
	.login-button{margin: 20px!important;}
	.login-button button{padding: 5px 20px!important; font-size: 13px!important;}
	.footer{margin: 60px 0 0 0!important;}
	.footer p{font-size: 12.5px!important; letter-spacing: 0.5px!important;} 	
}
body{background: #1C2331; font-family: 'Libre Baskerville', serif;}
.login-heading{padding: 50px 0;}
.login-heading h1{color: #ffffff; text-transform: uppercase; letter-spacing: 5px; text-shadow: 2px 4px 8px #000; font-weight: 700;}
.login-section-form{background: #3F729B; padding: 35px; width: 500px; box-shadow: 0 0 20px #000;}
.form-heading h3{color: #ffffff; text-align: center; text-transform: capitalize; letter-spacing: 1px; margin: 30px 0 25px;}
.input-field-uname i{position: absolute; padding: 15px;}
.input-field-uname input{width: 100%; border: 1px solid #ffffff; background: #ffffff; padding: 10px 40px; letter-spacing: 0.8px; font-style: 15px; margin: 0 0 17px;}
.input-field-uname input:focus{outline: none;}
.form-check label{color: #ffffff; text-transform: capitalize; letter-spacing: 1px; cursor: pointer; user-select: none;}
.forgot-password a{text-transform: capitalize; color: #ffffff;}
.forgot-password a:hover{text-decoration: none;}
.login-button{margin: 10px 0 30px 0;}
.login-button input{padding: 7px 25px; color: #ffffff; font-size: 13px; text-transform: uppercase; background: #1C2331; border: 1px solid #1C2331; letter-spacing: 2px; text-shadow: 1px 2px 3px rgba(0,0,0,0.4);}
.login-button input:focus{outline: none;}
.login-button input:hover{cursor: pointer;}
.footer{margin: 60px 0 0 0;}
.footer p{text-align: center; text-transform: capitalize; font-size: 13px; color: #eeeeee; letter-spacing: 1px;} 
.footer p a{color: #eeeeee; text-transform: uppercase;}
.footer p a:hover{text-decoration: none; color: #ffffff;}