body {
	/*background-color: rgb(67,96,172); */
	background-color: #F2F2F2; 
/*	background-color: white; */

	}
	
.grid-container {
		padding-bottom: 0;
		/*box-shadow: 0px 0px 6px lightgray;*/
		}
/* navigation bar on all pages */

img.smlogo {
	height: 54px;
	width: auto;
	}

nav {
	font-family: 'Raleway'; 
	/*margin-top: 10px; */
	background: white;
	border-radius: 0;
	}

 nav ul{	
	width: 100%;
	float: none;
	margin: 0;
	position: relative;
	list-style:none;
	display: inline-table;
	text-align: right;
	}
	

.dropdown {
	display: none;
	}

nav ul li:hover > ul {
		display: block;
		z-index: 100;
	}
	
nav ul li:hover {
		background: lightgray;
		}
	
nav ul:after {
	content: ""; 
	clear: both;
	display: block;
	}
	
nav ul li {
	float: none; 
	text-align: left;
	display: inline-block;
	text-transform: uppercase; 
	font-size: 15px;
	letter-spacing: 2px;
	/*font-family: Century Gothic;	*/
	font-weight: 700;
	padding: 30px 10px 20px 10px;
	}
	
li#lastnav{
	margin-right: 10px;
}
	nav ul li a {
		display:block;
		color:rgb(67,96,172);	
		text-decoration: none;		
		}
	nav ul li a:hover {
		color: rgb(254,185,19);
		text-decoration: none;
		}	
		
	nav ul li {
		
		color:rgb(67,96,172);	
		
		}
		nav ul li:hover {
		color: rgb(254,185,19);
		cursor: pointer;
		}		
		
li#logo{
	float: left;
	padding: 10px;
	margin-left: 10px;
	}
	li#logo:hover{
	background: #efefef;
	}
	
ul.dropdown {
	background:white;
	margin-top: 20px;
	position: absolute;
	width: 175px;
	margin-left: -10px;
	}
	
.dropdown  li:hover {
	background: #e3e3e3;
	}

.dropdown li {
	float: none;
	position: relative;
	border-bottom: 1px solid #e3e3e3;
	display: block;
	padding: 10px 0px;
	margin: 0;
	font-size: 14px;
	text-transform: none;
	}

	.dropdown li a {
		color: #151515;	
		margin-left:10px; 
	
		}
	
	
/*mobile nav bar styling */

.mobilenav img{
	float: left;
	padding: 10px;
	padding-left: 5px;
	margin-left: 10px;
	}
	
	.mobilenav img:hover{
	background: #efefef;
	}	
	
	nav ul.mobile_list {
		width: auto;
		}	
		

 .mobilenav ul{	
	width: 100%;
	float: left;
	margin-left:0;
	position: relative;
	list-style:none;
	/*display: inline-table;*/
	text-align: right;
	}

.mobilenav ul.mobile_list li {
	float: none; 
	text-align: left;
	display: block;
	text-transform: uppercase; 
	font-size: 15px;
	letter-spacing: 2px;
	/*font-family: Century Gothic;	*/
	font-weight: 700;
	padding: 25px 10px 20px 10px;
	margin-left: 10px;
	}
	
.mobilenav li#lastnav{
	margin-right: 0px;
}
	
.mobilenav ul.dropdown {
	background:white;
	margin-top: -53px;
	position: absolute;
	left: 20px;
	width: 175px;
	margin-left: 157px;
	border: 1px solid #e3e3e3;
	}
	.mobilenav ul.dropdown#projects {
		margin-top: -151px;
		}
	.mobilenav ul.dropdown#news {
		margin-top:-150px;
		}	


.mobilenav ul.dropdown li {
	float: none;
	position: relative;
	
	border-bottom: 1px solid #e3e3e3;
	display: block;
	padding: 10px 0px;
	margin: 0;
	font-size: 14px;
	text-transform: none;
	}

			
		
/*'jumbotron' image and under headling styling */
.slider {
		max-height:500px;
		width: auto;
		}
		
	.slider img {
		width: 100%;
		max-height: 500px;
	}	
	
.homeimg {
	width: 100%;
	max-height: 500px;
	}	

	
/*main content styling */
.maincontent {
	background: white;
	color: #151515;

	font-family: 'Roboto';
}	
	
	/* div with background color extending to edges */	

.white {
	padding: 40px 40px;
	background: white;
	}
	
.gray {

	padding: 40px;
	background: #e3e3e3;
	}	
.blue {
	padding: 40px;
	background: #4360ac;
	color: #efefef;
	}	
	
	/* header styles */
	
.maincontent h1 {
	color: #2F4479;
	letter-spacing: 2px;
	font-family: 'Raleway';
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
	}

.maincontent .headline h1 {
	letter-spacing: 3px;
	color: #4360ac;
	font-weight: 700;
	padding: 30px 0px 0px 40px;
	margin: 0;
	background: white;
	bottom: 0;
	text-align: left;
	font-size: 36px;
	}
	/*
.maincontent .headline h1 {
	letter-spacing: 3px;
	color: black;
	font-weight: 700;
	padding: 30px 0px 30px 40px;
	
	margin: 0;
	color: #feb914;
	bottom: 0;
	text-align: left;
	font-size: 36px;

	}
		*/
.maincontent h2 {
}

.maincontent h3 {
	text-align: left;
	font-family: 'Raleway';
	font-weight: 500;
	font-weight: 700;
	color: #2F4479;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

.maincontent h4 { 	
	text-transform: uppercase;
	font-family: 'Raleway';
	letter-spacing: 2px;
	color: #2F4479;
	font-weight: 500;
	text-align: left;
}

	.blue h4 {
		color: #899ac7;
		font-weight: bold;
		font-size: 28px;
		}
		
.maincontent h5 {
	font-family: 'Raleway';
	font-weight: 500;
	text-transform: uppercase;
	color: #2F4479;
	text-align: left;
}

.maincontent h6 {
}

/* basic paragraph, link styles */

.maincontent p {
	text-align: left;
	font-size: 18px;
	text-align: left;
	color: #151515; 
	}

	.blue p {
		color: #e3e3e3;
		}	

.maincontent a {
	color: #2F4479;
	text-decoration: none;
	}
	.blue a {
		color: #899ac7;
		}

.maincontent a:hover{
	text-decoration: none;
	color: rgb(254,185,19);
	}

/*picture border */ 
/*set each picture equal to full width its grid-20 div, 1/5 whole page width. height auto to keep proporortions */ 
.picborder img {
	width: 100%;
	}
		
/* footer styling */		
footer {
	text-transform: uppercase;
	/*height: 150px;*/
	background:#e3e3e3;
	font-family: 'Raleway';
	color: rgb(67,96,172); 
	padding: 20px 0px;
	}	
	
footer p {
	font-size: 10px;
	}
	
	
.extrafoot {
	margin: 10px 0px 30px 0px;
	}
	
.extrafoot ul {
	list-style: none;
	text-align: left;

	}
.extrafoot ul li {
	padding-bottom: 5px;
	}	

.extrafoot ul li.bold {
	font-weight: bold;
	color: #2F4479;
	}

.extrafoot li a{
color: #151515;
	text-decoration: none;
	}
	
	.extrafoot li a:hover{
	color: rgb(254,185,19);
	}
	
.button {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 150px;
	height: 150px;	
   background: #23adcb; /*65a9d7*/
   padding: 20px 20px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   text-decoration: none;
}
  span#center {
		margin: 0;
		padding: 0;
		position: relative;
		top: 50%;
		margin-top: -42px;
		display: inline-block;	
	   text-align: center;
   color: white;
   font-size: 28px;
   font-family:'Raleway', Arial, Sans-Serif;
 }
 a .button:hover {   
   background: rgb(254,185,19);
   color: white;
    text-decoration: none;
    }

.connectfoot {
	margin-top: 10px;
	margin-bottom: 30px;
	}
			
.connectfoot ul.social{
	list-style: none;
	margin-bottom: 0px;
}

.connectfoot .social li {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: left;
	display: block;
	}
	
.connectfoot li.bold {
	color: #2F4479;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	margin-left: 0;
	text-align: left;
}


.connectfoot .social li.sociallogo img {
	width: 29px;
	}
	
	
.legalfoot ul {
	border-top: 1px solid lightgray;
	list-style: none;
	padding-top: 15px;
	margin-bottom: 5px;
}

.legalfoot ul li {
	display: inline-block;
	}
	
	.legalfoot ul li a{
		text-decoration: none;
		color: rgb(67,96,172);
		}

/*--------  mobile footer adjustments things -------- */
footer.hide-on-desktop .extrafoot {
	margin-bottom: 0;
	}
	
footer.hide-on-desktop .mobile-grid-100 .button {
	margin-bottom: 40px;
	margin-top: 0;
	}
	
	
footer.hide-on-desktop .connectfoot .social li.bold {
	margin-left: 30px;
	margin-bottom: 15px;
	}

	
footer.hide-on-desktop .connectfoot .social li.sociallogo {
	display: inline;
	float: left;
	margin-left: 15px;
	padding-left: 1px;
	}
	
	footer.hide-on-desktop .connectfoot .social li.first {
		margin-left: 30px;
		}