.logo img {
   max-width: 50%;
   margin: 14px 10px;
}
@media all and (max-width: 900px) {
	.logo img {
      max-width: 70%;
	  margin: 12px 10px;
   }
}
@media all and (min-width: 901px) and (max-width: 1150px) {
	.logo img {
      max-width: 70%;
	  margin: 12px 10px;
   }
}
.topbar-bg {
  height: 8px;  
  margin: 6px 0;
}
div#mobmenu, span.mobsubmenu {
	display: none;
}
nav ul#mbmenu {
	display: inline-block !important;
}
nav {
	z-index: 99;
    overflow: hidden;
    clear: both;
    background: #222;
}
nav div {
   display: table;
   margin: 0 auto;
   line-height: 0.5em;
}
nav ul {
    overflow: hidden;
    margin: 0 auto;
}
nav ul, nav ul ul { 
	list-style: none;
	/*line-height: 1;*/
	padding-left: 0;
	z-index: 2;
}
nav ul ul {
    margin: 0;
}
nav ul a, nav ul a:visited {
	display: block;
	text-decoration: none;
    color: #fc720e;
    padding: 0.9em 2em;
    line-height: 1em;
    font-size: 1em;
}
nav ul li { 
	float: left;
}
nav > ul > li {
  /*  box-sizing: border-box;
    background: #3d6093;
    width: 24.5%;
    margin: 0 0.5% 0 0;
    text-align: center; */
    padding: 0.8em 0;
}
nav > ul > li:last-child {
  /*  margin-right: 0;
    width: 25%; */
}
nav ul li.active a {
    background: #f57e22;
    color: #fff;
}
nav > ul > li:hover {
	
}
nav ul li.active {
    
}
nav ul li.active:hover {
    
}
nav ul li a:hover {
    background: #f57e22;
    color: #fff;
}
nav ul li ul { 
	position: absolute;
	width: 200px;
	height: auto;
	left: -999em; 
}
nav ul li:hover ul { 
	left: auto;
    padding: 0;
    background: #f57e22;
}
nav ul li:hover ul li {
    width: 100%;
	max-width: 100%;
	vertical-align: middle;
    margin: 0;
    display: inline-block;
    text-align: left;
}
nav ul li:hover ul li a {
    padding: 0.7em 0.2em 0.7em 1.9em;
    display: inline-block;
    width: 100%;
    color: #fff;
}
nav ul li.active ul li a {
    background: #f57e22;
}
nav ul li:hover ul li a:hover {
    background: #222;
    color: #fc720e;
}
nav ul li.active ul li a:hover {
    background: #222;
    color: #fc720e;
}
article {
    font-size: 1em;
    width: 80%;
	margin: 40px auto;
}
h1 {
    font-size: 1.6em;
}
h2 {
    font-size: 1.3em;
}
h3 {
    font-size: 1.1em;
}
.imgl {
	float: left;
	margin: 0 1em 1em 0;
}
.imgr {
	float: right;
	margin: 0 0 1em 1em;
}
#mc_embed_signup {
  max-width: 70%; 
}
#prog {
  display: flex;
  flex-wrap: wrap;	
}
.prog-item {
  width: calc(50% - 20px);
  margin: 10px;
}
.prog-item-front .prog-info {
	float: left;
	width: 46%;
	text-align: center;
	margin: 2%;
}
.prog-item-front .prog-img {
  float: right;
  width: 46%;
  text-align: center;
	margin: 2%;
}
.box {
  float: right;
  width: 50%;
  margin-left: 15px;  
}
.leftcol {
	float: left;
	width: 48%;
	margin: 0 2% 0 0;
}
.rightcol {
	float: right;
	width: 48%;
	margin: 0 0 0 1%;
}
#contact {
  float: left;
  width: 48%;  
}
#map {
  float: right;	
  width: 48%;
  margin-bottom: 20px;
}