/* CSS Document */

.pageBorder{ background: rgba(255,255,255,.5);border-radius: 10px; padding: 10px;}
		
		.headerlogo{
			position: relative; margin-bottom: -47px; z-index: 1000
		}
		  
		  #header .phoneNumber, header .socialIcon{ 
			  font-family: 'Roboto Condensed', sans-serif;
		      	font-size: 1em;
				padding: 5px 20px 0 20px;
				color: #FFF;
		  		text-shadow: 2px 2px 2px rgba(0,0,0,.5);
		  }
		 
		  #header .socialIcon a{ color: #ffffff; text-decoration: none; padding: 5px;text-shadow: 2px 2px 2px rgba(0,0,0,.5);}
		  #header .socialIcon a:hover{color: #bbd9f7;}
		
		.nav, .subnav{text-transform: uppercase; clear: both; list-style: none; margin: auto;}
		.nav-link { color: #ffffff;}
		.nav-link:focus, .nav-link:hover {color: #bbd9f7;}
		
		.nav-item{ }
		.subnav .nav-item{ border: none; font-size:1.4em}
		
		.mainNavBar{
			text-transform: uppercase;
			margin:0;
			font-family: 'Roboto Condensed', sans-serif;
			/*background: rgb(29,43,59);
			
			background: -webkit-linear-gradient(bottom, rgba(29,43,59,1) 0%, rgba(52,88,124,1) 100%);
			background: -o-linear-gradient(bottom, rgba(29,43,59,1) 0%, rgba(52,88,124,1) 100%);
			background: linear-gradient(to top, rgba(29,43,59,1) 0%, rgba(52,88,124,1) 100%);*/
			background: url("../images/header-back.jpg") center top no-repeat;
			padding:20px 0 10px 0;
			border-radius: 10px;
			margin-bottom: 10px;
		}

		.mainNavBar a{color: #ffffff;display: block;  padding: .5rem 1rem;
   					 text-decoration: none;
    					transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; }

		.mainNavBar a:hover{color: #bbd9f7;}

		.topNav{ list-style: none; justify-content:center; display:none; margin:5px 0 0 0; padding: 0; text-align: center;font-size: .8em; }
		.topNav li{ text-align: center;  }
		
		.subNav{ list-style: none; justify-content:center; display:none; margin:0; padding: 0; font-size:.9em; text-align: center;}
		  .subNav li{border-top:#3c6187 1px solid;}
		  
		 #header, .mainNavBar{ display: none;}
		  #mainContainer{ margin-top: 100px;}
		  #mobileNav{ position: fixed; top: 0; width: 100%;  display:block; z-index: 2000;	}
		  .blueBar{ padding: 10px;
			 /* background: rgb(29,43,59);
				background: -webkit-linear-gradient(bottom, rgba(29,43,59,1) 0%, rgba(52,88,124,1) 100%);
				background: -o-linear-gradient(bottom, rgba(29,43,59,1) 0%, rgba(52,88,124,1) 100%);
				background: linear-gradient(to top, rgba(29,43,59,1) 0%, rgba(52,88,124,1) 100%);*/
			  background: url("../images/header-back.jpg") center top no-repeat;
		  }
		  .mobileLogo{ max-height: 40px; }
		  #mobileNav a.icon { font-size: 1.2em;
			   color: #ffffff; padding:15px;
			  display: block;
			  position: absolute;
			  right: 0;
			  top: 0;
			}
		  #mobileNav a.icon:hover{color: #bbd9f7;}
		  #mobileNav #myLinks {background: #000000;display: none;}
		  #mobileNav #myLinks ul{ list-style: none;}
		  /*https://www.w3schools.com/howto/howto_js_mobile_navbar.asp*/
		  
		.mobileMenuLinks{ list-style: none; margin: 0; padding: 0; text-align: center;}
		  .mobileMenuLinks a{ display: block; width: 100%; padding: 8px; text-decoration: none; background: #efefef; border-bottom: 1px solid #cccccc;}
			.mobileMenuLinks a:hover{ background: rgba(121,122,127,1.00); color: #ffffff;}
		  
		  #pageFoot{background: url("../images/header-back.jpg") center top no-repeat;border-radius: 10px; min-height: 50px; margin-top: 20px;}
		  .footImg{ position: relative; z-index: 1001; margin-top: -100px; padding:0 15px;text-align: right;}
		  .footerContactText{ font-family: 'Roboto Condensed', sans-serif; font-size: 1.4em; color: #ffffff; padding: 15px;}
.footerContactText a{ text-decoration: none; color: #ffffff;}
		
		@media (min-width: 576px){
			
			.footImg{  margin-top: -80px;}
			.footerContactText{padding: 20px;font-size: 1.6em;}
		 }
		
		@media (min-width: 768px){
			#mainContainer{ margin-top: 0;}
			#mobileNav{ display: none;}
			#header, .mainNavBar{ display:block;}
			.topnav{padding:30px 0 10px 0;}
			.headerlogo{margin-bottom: -54px;}
			header .socialIcon, header .phoneNumber{font-size:1.2em; }
			.topNav, .subNav{ display: flex;}
			
			.footImg{ margin-top: -70px;}
			
		}
		@media (min-width: 992px){
			.topnav{padding:40px 0 10px 0;}
			.headerlogo{margin-bottom: -68px;}
			#header .socialIcon, #header .phoneNumber{font-size:1.6em; padding: 15px 20px 0 20px;} 
			
			.topNav{ font-size: .9em;margin: 15px 0 0 0;}
			.subNav{font-size: 1.1em;}
			
			.footImg{ margin-top: -120px;}
			.footerContactText{padding: 40px;font-size: 2em;}
			
		}
		@media (min-width: 1200px){
			.topnav{padding:50px 0 10px 0;}
			.headerlogo{margin-bottom: -78px;}
			
			.topNav{ font-size: 1em;margin: 25px 0 0 0; position: relative; z-index: 1005;}
			.subNav{font-size: 1.3em;}
			
			
		}
		
		@media (min-width: 1400px){
			.topnav{padding:60px 0 10px 0;}
			.headerlogo{margin-bottom: -88px;}
			
		}