.mobile {
display: none;
}

.desktop {
display: block;
}

.nav-wide { width: 100%; text-align:center;  float: left;}
.nav-wide-desktop { width: 100%; text-align:center;  float: left;}
.nav-wide-mobile { width: 100%; text-align:center;  float: left;}

.nav-left {width: 37%; margin-left: 3%; padding-top:101px; float: left;text-align:left; }	
.nav-middle {width: 20%; text-align:center; float: left; }	
.nav-right { width:35%; margin-right: 3%; padding-top:101px;  float:right; text-align: right;   }

.nav-middle img {width: 100%; height: auto; max-width: 250px; padding-top: 10px; padding-bottom: 10px;} 

.footer-outer {width: 100%; background-color: #1d2733; float: left; }	
.footer-inner {width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; }	


.footer-left {width: 30.33%; margin-left: 3%;  float: left;text-align:left; }	
.footer-middle {width: 30.33%; padding-left:1.5%; padding-top:42px; padding-right: 1.5%; text-align:center; float: left; }	
.footer-right { width:30.33%; margin-right: 3%; padding-top:32px;  float:right; text-align: right;  }

.footer-left img { width: 100%; height: auto; max-width: 200px;}

	.footer-right img{ width: 100%; height: auto; max-width: 200px;  }

#mobile-nav {display:none;}

ul.home-nav li {font-size: 21px!important;}

ul.home-nav li a {font-size: 21px!important;}


@media all and (max-width: 964px) and (min-width: 1px) {

#desktop-nav {display:none;}

#mobile-nav {display:block;}





	




}

@media all and (max-width: 764px) and (min-width: 1px) {


.footer-left {width: 90%; margin-left: 5%; margin-right: 5%;  float: left;text-align: center; }	
.footer-middle {width: 90%; margin-left: 5%; margin-right: 5%;  float: left;text-align: center; }		
.footer-right { width: 90%; margin-left: 5%; margin-right: 5%;  float: left;text-align: center; }	



}