body { 
	margin : 0 ; 
	background : url('/img/sign-in.png') center bottom no-repeat var(--bs-page-bg) ; 
	background-size : contain ; 
	background-attachment : fixed 
}

main.login { 
	display : grid ; 
	grid-template-rows : 1fr 80px ; 
	width : 100% ; 
	height : 100vh ; 
	place-items : center 
}
main.login > section { 
	text-align : center ; 
	padding : 60px 0 calc( 3rem + 60px ) 0 
}
main.login > section:not(.on) { 
	display : none
}
main.login > section > h1 img { 
	height : 60px 
}
main.login > section article { 
	background-color : var(--bs-white) ; 
	box-shadow: var(--bs-box-shadow) ; 
	max-width : calc( 100vw - 40px ) ; 
	width : 500px ; 
	padding : 3.75rem ; 
	border-radius: var(--bs-radius); 
	margin-top : 3rem 
}
main.login > section article header { 
	padding-bottom : 2rem 
}
main.login > section article header p { 
	color : var(--bs-gray-500) ; 
	word-break: keep-all; 
}
main.login > section article h1 { 
	font-size : 1.5rem ; 
	margin-bottom : .75rem  
}
main.login > section article .form-inline { 
	margin-bottom : 3rem 
}
main.login > section article .use-autologin { 
	margin-top : -2rem ; 
	margin-bottom : 3rem ; 
	text-align : left ; 
	font-size : .825rem ; 
	font-weight : 500 ; 
	color: var(--bs-gray-500) 
}
main.login > section article .use-autologin input { 
	vertical-align : middle ; margin-right : .35rem 
}

main.login > footer { 
	width : 100% ; 
	max-height : 80px ; 
	padding : 20px 0 ; 
	text-align : center ; 
	font-size : .8rem ; 
	font-weight : 500 ; 
	color : var(--bs-gray-500) 
}
main.login > footer a { 
	color : var(--bs-gray-400) ; 
	margin : 0 .5rem 
}
main.login > footer a:hover { 
	color : var(--bs-primary) 
}
main.login > footer p { 
	margin-bottom : .25rem 
}
main.login > footer p a { 
	color : var(--bs-gray-700) ; 
	margin : 0 ; 
	font-weight : 800 
}

@media only screen and (max-width: 480px) {
	body { padding : 0 20px }
	main.login { grid-template-rows : 1fr 80px }
	main.login > section { padding : 40px 0 calc( 1.5rem + 20px ) 0 }
	main.login > section article { padding : 2rem ; margin-top : 1.5rem }	
}