html{
	height: 100%;	
}
body {
	background: #044E76; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#044E76, #038AD3); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#044E76, #038AD3); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#044E76, #038AD3); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#044E76, #038AD3); /* Standard syntax */
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	height: 100%;
	margin: 0;
	display: flex;
	flex-direction: column;
}
.centerDiv {
	margin: 150 auto;
	width: 60%;
}
.custom {
	width: 220px !important;
}
@media only screen and (max-device-width: 480px){
	body{
		font-size: 150%;
		}
		
	.centerDiv {
		margin: 150 auto;
		width: 100 %;
	}
	.custom {
		width: 100%;
		padding: 10px 20px;
		font-size: 20px;
		border-radius: 10px;
		width:50%;    
	}
}
.systemName{
	text-align: center;
	font-size: 450%;
	color: #F6FAFE;
	font-weight: 500;
	font-variant: small-caps;
}
.systemDesc{
	text-align: center;
	color: #F6FAFE;
	font-size: 110%;
	font-weight: 500;
}
/*
.textBlock{
text-align: center;
margin-top: 8em;
}*/
.jumbotron {
	text-align: center;
	background-color: transparent;
	color: #F6FAFE;
	font-variant: small-caps;
	font-weight: 500;
}
.wrapper{
	flex: 1 0 auto;
}
.footer{
	/* position: fixed;
	bottom: 0; */
	width: 100%;
	background: black;
	/*height: 200px;*/
}
.footerMsg{
	text-align: center;
	color: #dce8ef;
	font-size: 80%;
}
.linkClass a:link {
	color: #edf6fc;
	text-decoration: none;
}
.linkClass a:visited {
	color: #edf6fc;
	text-decoration: none;
}
.linkClass a:hover {
	font-weight:bold;
	text-decoration:none;
}
.linkClass a:active {
	font-weight:bold;
	text-decoration:none;
}
.white{
	color: #edf6fc;	
}
/* Move down content because we have a fixed navbar that is 50px tall */