@import url(font-awesome/css/font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:200,400,300,600,500,900,700,100,800|Comfortaa:700);


@font-face {
	font-family: 'PresStart';
	src: url(presstart.ttf) format('truetype');
}





html {
  overflow-y: scroll;
}


body, html {
	margin:0px;
	padding:0px;
	height:100%;
	min-height: 100%;
	font-family: 'Raleway', sans-serif;
	font-size: 100%;
	color:#000000;
	background-color: #183674;
}

.container {
	background-color: #FAFAFA;
	height: 96%;
	width: 96%;
	margin: 0 auto;
}

.homeHeader {
	
	display: flex;	
	margin: 10px auto;
	padding: 5px;
	justify-content: center;
}

.homeHeader div{
	padding: 5px;
}

.headerText {
	font-family: PresStart;
	color: #183674;
	font-size: 3em;
}

.headerTxtDiv {
	width: 400px;
}

.imgDiv {
	text-align: center;
	background-color: #FFFFFF;
}

.formButton {
	border: 3px solid #183674;
	background-color: #FFFFFF;
	color: #183674;
}

.formButton:hover {
	border: 3px solid #000000;
	background-color: #183674;
	color: #FFFFFF;
}

.formEdit {
	border: 3px solid #183674;
	background-color: #FFFFFF;
	color: #183674;
	width: 250px;

}


img {
	border:0;
	vertical-align: middle;
}

ul{
	list-style-type: square;
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

input, select:-webkit-input-placeholder {
	font-size:12px;
}
input, select:-moz-placeholder {
	font-size:12px;
}

/*
input, select:-webkit-autofill {
	-webkit-box-shadow:0 0 0 50px #FAFAFA inset;
	-webkit-text-fill-color: #333;
}
*/

input, select:-webkit-autofill:focus {
	-webkit-box-shadow: ,0 0 0 50px #FAFAFA inset;
	-webkit-text-fill-color: #333;
}



a{
	color:#40A265;
	text-decoration:none;

}
a:hover{
	text-decoration:none;
	color:#0B0B0D;
}

a,
button{
	cursor:pointer;
  outline: none;
  transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
}


.tableBorder {
	border: 3px solid #183674;
}

.tableBorderHeader {
	color: #FFFFFF;
	background-color: #183674;
	text-align: left;
}

.tableHeader {
	text-align: right;
}


.tableData {
	text-align: left;
}

@media only screen and (max-width: 1000px) {

	.imgDiv img {
		width: 90%;
	}
	
	.container {
		background-color: #FAFAFA;
		height: 98%;
		width: 98%;
		margin: 0 auto;
	
	}
	
}

@media only screen and (max-width: 768px) {
	
	.container {
		background-color: #FAFAFA;
		height: 99%;
		width: 99%;
		margin: 0 auto;
	
	}
	
}

@media only screen and (max-width: 500px) {
	
	.formEdit {
		width: 80px;
	}
	
	.headerText {
		font-family: PresStart;
		color: #183674;
		font-size: 1.2em;
	}
	
	
	.homeHeader {
		flex-wrap: wrap;
	}
	
	.headerTxtDiv {
		text-align: center;
	}
	
	
}