@charset "utf-8";

/*this spec removes thing white space at top (and sides) of page on screen*/

body {
    padding: 0;
    margin: 0;
}

/*this code from Synth.com specs out the nav bar*/

ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #94caff;
}

ul.topnav li {
    float: left;
	
/*	this line inserts vertical divider lines between nav buttons

	    border-right:1px solid #ffffff;
*/	
}

ul.topnav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}

ul.topnav li a:hover:not(.active) {
    background-color: #DFE9F0;
}

ul.topnav li a.active {
    background-color: #4195E9;
}


/*next 4 statements control color & behavior of linked text a:active {
*	color: #1BAC16;
*	text-decoration: none;
* }
*/

a:link {
	color:#115FB7;
	text-decoration: none
}
a:hover {
	color: #E01518;
	text-decoration: none
}
a:visited {
	color: #E01518;
	text-decoration: none
}

.container {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
}

.top_header {
	background-color: #94caff;
	color: #FFFFFF;
	width: 100%;
	align-content: center;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	margin-top: 0px;
	border: 1px solid #000000;
	display: block
}

.row {
	width: 100%;
	display: inline-block;
}

.column {
	width: 33%;
	float: left;	
	padding-right: 8px;
	padding-left: 8px;
}

.row .column {
    font-size: 1.2em;
	line-height: 1.2em;
	}

.copyright_line {
	width: 100%;
    background-color: #94caff;
    color: #FFFFFF;
    padding-top: 1%;
    padding-bottom: 1%;
	font-family:Arial, Helvetica, sans-serif;
}

.top_header h1 center {
    color: #FFFFFF;
	font-size: 50px; 
}

.column center h2 {
    color: #FFFFFF;
}


/*Below are adjustments for MOBILE and TABLET sized screens*/

/*MOBILE display*/
@media (max-width: 428px){
.column	{
	width: 100%;
}	
.row .column {
    font-size: 1.2em;
}
}

/*TABLET display*/
@media (min-width: 429px) and (max-width: 768px){
	.column	{
		width: 44%;
		float: left;
}
	
.row .column {
    font-size: 1.2em;
}	
}

/*DESKTOP display*/
@media (min-width: 769px){
}