body
	{
		padding:15px 15px 0px 15px;
	}

	#introLoginRow
	{
		background-image: linear-gradient(to bottom, #0C90C4, #043776);
	}

	#intro
	{
		color:white;
		padding:15px;
	}

	#loginForm
	{
		background-color:#032C4A;
		flex: 0 0 400px;
		color:white;
		padding:20px; 
	}

	label {	font-weight: 700;
		color: #FFFFFF;
		display: block;
		padding-top: 10px;
		padding-bottom: 5px;
		margin-bottom: 0px !important;
	}
		
	.loginField	{width: 100%;
			border-radius: 5px;
			font-size: 16px;
			padding-left: 5px;}
			
	/* Hack to remove yellow from Chrome Autofill style */
	.loginField:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px white inset;}

	.button {background-color: #0066A5;
		border-radius: 5px;
		border: none;
		color: #FFFFFF;
		padding: 5px 10px;
		font-weight: 500;
		text-align: center;
		text-decoration: none;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		display: inline-block;
		font-size: 16px;}
		
	.button:hover {	background-color: #FFFFFF;
					color: #0066A5;}

	a.button:link, a.button:visited { font-weight: 500;
		font-size: 16px;
		text-decoration: none !important;
		color: #FFFFFF;}

	a.button:hover, a.button:active {color: #0066A5;
		text-decoration: none !important;}

	.instructions {	color:#FFFFFF;
					font-weight: 600;
					display: block;
					padding-bottom: 5px;}
					
	.returnMessage {font-weight: 700;
				color: #DC8605;
				display: block;
				padding-top: 10px;}

	.middleSection
	{
		padding-top:15px;
	}

	.tagLine
	{
		font-size: 32px;
		font-weight: 600;
		line-height: 1.2
	}


	#footerSection
	{
		background-color:grey;
		margin-top:15px;
	}  
	
	#footerSection a
	{
		color:black;
	}

	@media only screen and (max-width: 768px) 
	{
		#intro
			{
				width:100%;
			}
		#loginForm
			{
				flex: 1 1 auto;
			}
		.tagLine
			{
				font-size: 20px;
			}
	}

	@media only screen and (min-width: 1600px) 
	{
		#intro
			{
				padding-right:200px;
			}

	}