body.login-template {
	background:transparent url(../deepblue_theme/pics/Untitled.jpg) center center;
	background-size:cover;
	
}
#maincontainer {display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:10%}
#loginform {
		order:1;
		margin-top:10%;
		flex:0 0 80%;
		width:80%;
		overflow:hidden;
		border-radius:.3rem;
		position:static;
		transform:translate(0,0);
		box-shadow:.5rem 1rem #000d;
		}
#loginform table {
	box-shadow:none;
	border-bottom:1rem solid #fff;
}
#introbox {margin-top:10%;flex:0 0 80%;width:80%;}
#introbox p {
				 font-size: 1rem;
				 line-height:1.3;
				 text-shadow: 0px 0px 40px #fff9;
				 }
#introbox h1 {font-size:1.5rem;line-height:1.5rem;padding-bottom: .5rem;text-shadow: 0px 0px 40px #fffa;}
#introbox h2 {font-size:1.4rem;line-height:1.5rem;padding-bottom: 1rem;text-shadow: 0px 0px 40px #fffa;}
#introbox nav {padding-top:1rem}
#introbox nav a {
				 background: #2b4b70;
				 color:#fff;
				 line-height:2.2rem;
				 display:inline-block;
				 padding:0 .5rem;
				 border-radius:.3rem;
				 margin-right:1rem;
				 font-size:.75rem;
				 box-shadow: 0px 0px 2rem #fff7;
				 }

@media only screen and (min-width: 768x) {
	#loginform {flex:0 0 30%;}
	#maincontainer {flex-direction:row}
	#introbox {flex:0 0 40%;max-width:40%;margin-right:10%}
}