.league-gothic-menu {
  font-family: "League Gothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

#site-bg, footer{
	max-width:63.75em;
	margin:0 auto;
}
#site-bg{
	box-shadow: 0px -1px 6px 0px rgba(50, 50, 50, 0.95);
	
}

#homepage-images-container{
margin: 10px -30px 25px -30px;
}


footer{
	margin: 0 auto 15px auto;
padding: 15px 0 10px 0;
background-color: rgb(133, 181, 167);
	}

footer a{
	color:#be0022;

}
	
footer li {
float:left;
margin-right:.5em;
}

#top-gray-bar{
	height:1.5625em;
	background-image:url('index_files/squared_metal.png');
	box-shadow: inset 0px -6px 5px 0px rgba(120, 120, 120, 0.51);
}

#top-blue-bar{
	background-color:#eff4f7;
	height: .8125em;
	margin-bottom:.5em;
}
#second-gray-bar{
	height:.125em;
	background-image:url('index_files/squared_metal.png');
}

#content-bg {
  background-color: #ffffff;
  padding:0 1.875em;
}


#logo {
  left: 0;
  position: relative;
  top: -3em;
  float:left;
  width: 9.5em;
  background-color:rgba(219,219,219,1);
  -webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
padding:.4em .3em .3em .3em;
text-align:center;
	font-family:league_gothic,Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

.menu-wrapper {
  float: left;
  max-height: 1.8em;
  margin: -0.625em 0 0 .135em;
  overflow: hidden;
		-webkit-transition: max-height 0.3s ease-out;  
		-moz-transition: max-height 0.3s ease-out;
		-ms-transition: max-height 0.3s ease-out;
		-o-transition: max-height 0.3s ease-out;
		transition: max-height 0.3s ease-out;
		background-color:#eff4f7;
		
}
.menu-wrapper.active {
  max-height: 25.8em;
  overflow: hidden;
}



.menu-button{
	background-color:#eff4f7;
	cursor:pointer;
	margin-bottom:0;
	padding:0 1em;
  -webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
	text-align:center;
	font-family:league_gothic,Verdana, Arial, Helvetica, sans-serif;
	font-size:1.35em;
	color:#004c80;
	margin-top: -0.25em;
}
nav ol {
  list-style: none outside none;
  margin: 2em 0 0;
  padding: 0;
  opacity: 0;
}
nav ol.active {
  margin: 0;
  display:block;
  opacity: 1;
}
nav ol.first {
}
nav ol.last {
}

nav li {
  display: block;
  text-align: center;/**/
  width: 7.5em;
}

nav {
  min-height: 6.5em;
  padding: 0 .275em;
  position: relative;
  background-color:#FFFFFF;
}

nav #logo a {
	background-color:transparent;
	margin-bottom:.25em;

}
nav a {
	font-family:league_gothic,Verdana, Arial, Helvetica, sans-serif;
	font-size:1.35em;
	color:#004c80;
	background:#e2e7ea;
	display:block;
	margin:0 .25em .1em .25em;
	line-height: 1.35em;/*
	padding:0 .5em;*/

}
nav a:hover {
	color:#be0022;

}

.contactBox, .contactBox p, .contactBox td{
font-size:.9em;
}

.searchBox{
	background-color:#99CCCC;
	margin-bottom:1em;
}

.repeating-item.finance {
  background-color: #EFF4F7;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
}

.repeating-item.finance ul {
  font-style: italic;
  font-size:1em;
  line-height: 1.25em;
  margin: 0 1em;
  text-align:left;
}

div.repeating-item.finance p {
  background-color: transparent;
  color: #423212;
  padding: 0.5em 0.5em 0;
  font-size:.8em;
}

a.calculate{
	display:block;
	padding:.5em;
	color:#dddddd;
	background-color:#565656;
	border-radius:.3em;
	text-align:center;
	font-size:2em;
	font-family:league_gothic,Verdana, Arial, Helvetica, sans-serif;
}

.agents{
	display:inline-block;
	width:100%;
	vertical-align:top;
	
}

.agent {
  background-color: #f8f8f8;
  border-bottom: 1px solid #a6a6a6;
  margin: 0.2em;
  padding: 0.4em;
}

.agent p {
font-size:.75em;
margin-bottom: 0.5em;
}

div.agentTitle a, div.agentTitle h3{
  font-size: 1em;
  color:#6B0011;
  display:block;
  margin: .2em 0 .5em 0;
  line-height: 1.4;

}

.agent img{
	display:block;
}

 /*Medium screens*/
@media only screen and (min-width: 40.063em) {

.menu-wrapper, .menu-wrapper.active {
  float: none;
  height: auto;
  margin: 0 0 0;
  overflow: visible;
}

.menu-button{
	display:none;
}
nav {
  padding: 0 1.875em;
}

nav ol, nav ol.active {
  list-style: none outside none;
  margin: -.625em 0 0 0;
  padding: 0;
  opacity: 1;
}
nav ol.first {
	float:left;
}
nav ol.last {
	float:left;
  	margin: 0;
}

nav li {
  display: block;
  float: left;
  position: relative;
  text-align: center;
  width: auto;
/**/
}
nav a {
	
	font-size:1.2em;
	margin:0 .125em .05em .125em;
	padding: 0 .5em;
	background:#eff4f7;
}


.agents{
	width:33.333333%;
}

}


 /*This width will have to change based on number of buttons*/
@media only screen and (min-width: 43.85em) {

nav ol.last {
  	margin: -.625em 0 0 0;
}
}

 /*Medium screens*/
@media only screen and (min-width: 59.9em) {

nav ol.last {
  	margin: -.625em 0 0 0;
}
#logo {
  width: 14.5em;
  }
}

/* Large screens */
@media only screen and (min-width: 64.063em) { 


#logo {
  left: 24.375em;
  position: absolute;
  top: -3em;
  background-color:rgba(219,219,219,0.8);
  -webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
padding:.5em .3em .3em .3em;
}

nav ol {
  list-style: none outside none;
  margin: -.625em 0 0 0;
  padding: 0;
  width: 22.5em;
}
nav ol.first {
	float:left;
}
nav ol.last {
	float:right;
}

nav li {
  display: block;
  float: left;
  position: relative;
  text-align: center;/**/
  width: 7.5em;
}


nav a {
	font-size:1.45em;
	margin:0 .25em .1em .25em;
	padding: 0;

}

.agents{
	width:33.333333%;
}

}
@media only screen and (min-width: 65em) {


#logo {
  width: 15em;
  }
}