html{bp-xxlarge:1500px}

@media (max-width: 639px) {

	#UMassSSOLoginForm .hero{
		height:59px;
	}
	#UMassSSOLoginForm .hero .title{
		padding:1em;

		font-size: 18px;
		font-weight:200;

	}

}

@media (min-width:640px){

	#UMassSSOLoginForm{
		position:relative
	}
	#UMassSSOLoginForm .hero{
		height:25.125rem
	}
	#UMassSSOLoginForm .hero .title{
		padding:1.875rem;
		padding-top:3.75rem;
		padding-bottom:0;
		max-width:50%;
		font-size: 30px;
	}
	#UMassSSOLoginForm .hero+.form-signin{
		padding:1.875rem;
		padding-top:3.75rem;
		position:absolute;
		top:0;
		right:0;
		width:50%;
		max-width:28.125rem
	}
	#UMassSSOLoginForm .hero+.form-signin h2{margin-top:0;color:#fff}


	header.header{padding:1.875rem}
	header.header h1 img{max-height:3.75rem}
}