/******************************************
Responsive
******************************************/
/* 320px x 480 px iphone */



@media screen and (min-width: 250px){       /*  smart phones, landscape   */
/*   body {
	background: navy;
	}   */
body {
	margin: 1%;
  font-size: 85%;
}

img.centerban{
	border-radius: 20px;
}

img.leftr {
	border-radius: 20px;
}


/* --- nav - header menu bar -- */
/* Nav */

#nav li{
		padding: 5px;
}


/* --- navf - footer menu bar -- */

#navf li{
    width: 50%;
}




@media screen and (min-width: 480px){       /*  smart phones, landscape   */
/*   body {
	background: navy;
	}   */
}

body {
	margin: 2%;
  font-size: 100%;
}

img.centerban{
	border-radius: 25px;
}

img.leftr {
	border-radius: 25px;
}



/* --- nav - header menu bar -- */
/* Nav */

#nav li{
    width: 45%;
		padding: 5px;
}

/* --- navf - footer menu bar -- */

#navf li{
    min-width: 110px;
}




@media screen and (min-width: 660px){       /*    tablets    */
/*	body {
	background: darkgreen;
	}  */
body {
	margin: 3%;
}

#header .text {
	max-width: 50%;
	margin: 0;
	float: left;
}

h5 {
    font-size: 140%;
}

h6 {
    font-size: 120%;
}


img.centerban{
	border-radius: 35px;
}

#nav li{
    width: 25%;
    padding: 0px;
}

#navf li{
    width: 25%;
}




@media screen and (min-width: 960px){       /*    laptops +    */

body {
	box-sizing: border-box;
	background: #254117; /* dark forest green  */
	max-width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0 10% 0 10%;
	padding: 0;
	text-align: left;
}


#all {
	background-color: #2B1B17;   /*  dark brown, midnight  */
	padding: 20px;
	max-width: 100%;
}


#header .text {
	max-width: 55%;
	margin: 0;
	float: left;
}


#body div {
    clear: both;
    overflow: hidden;  /*  ----- remove to display maps or don't have maps in div id body  --------    */
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

h5 {
    font-size: 150%;
}

h6 {
    font-size: 125%;
}


img.centerban{
	border-radius: 40px;
}

#nav ul a{
   white-space:nowrap;     /*  Stop text wrapping and creating multi-line dropdown items */
    display:block;
}


#footer {
	}

/* --- navf - footer menu bar -- */
}
#navf ul a{
    white-space:nowrap;     /*   Stop text wrapping and creating multi-line dropdown items */
    display:block;
}

#footer div {
    clear: both;
	margin: 0 auto;
	padding: 0;
	min-height: 110px;
	overflow: hidden;
	width: 100%;
    font-size: 100%;
}




@media screen and (min-width: 1300px){       /*    laptops +    */

/* body {
	box-sizing: border-box;
	background: #254117; /* dark forest green  */
/*	max-width: 100%;
	margin: 0 12.5% 0 12.5%;
}
*/

body {
	box-sizing: border-box;
	background: #254117; /* dark forest green  */
	max-width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0 12.5% 0 12.5%;
	padding: 0;
	text-align: left;
}


#all {
	background-color: #2B1B17;   /*  dark brown, midnight  */
	padding: 20px;
	max-width: 100%;
}


#body div {
    clear: both;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


#footer {
}

#footer div {
    clear: both;
	margin: 0 auto;
	padding: 0;
	min-height: 110px;
	overflow: hidden;
	width: 100%;
    font-size: 100%;
}