body {
	margin:0;
	padding:0;
	background-color:;
}

 .divContentAbout{
  background-color:#eeeeee;
  display: flex;
  flex-wrap: wrap;
}
 
 p {
	 font:14px/15px verdana;
	 line-height:22px;
 }	 
 
.pBanner {
font-weight:900;
color:white;
margin-left:80px;
font-stretch:ultra-condensed;
letter-spacing: 2px;
}
.pHeader {
font-weight:900;
color:white;
margin-left:80px;
font-stretch:ultra-condensed;
letter-spacing: 2px;
}
.pMenu {
	margin:0px;
	margin-right:50px;
}
.p1 {
	margin:70px;
   font-stretch:ultra-condensed;
 }
.p1a {
	margin:70px;
  color:white;
}
.p2 {
	margin:70px;
}
.p2a {
	margin:70px;
	 color:white;
}
.pCopy { text-align: center; }

ul li {
    list-style: none;
	 padding:5px;
	 word-wrap: break-all;
	 margin-left:20px;
}

li:before {
    content: "";
    margin-right: 0px;
	padding-right:0px;
	
}
 
 .divLeftDrip {
 display: flex;
  flex-direction: column;
 }
 
 .imgLogo-m { 
position:relative;
margin-left:50px;
 
}
 .imgLogo-d { 
position:relative;
margin-left:50px;
}

@media screen and (min-width: 400px) {
   div.mobile-display { display:block}
   div.desktop-display { display: none }
   div.divCopy { display: none }
   ul { font: 4vw verdana;   }
   a {
	text-decoration:none;
	color:black;
	font-weight:bolder;
	font: 4vw verdana;
	}

	a:link {
	text-decoration:none;
	color:black;
	font-weight:bolder;
	font:4vw verdana;
	}

	a:active {
	text-decoration:none;
	color:black;
	font-weight:bolder;
	font: 4vw verdana;
	}

	a:visited {
	text-decoration:none;
	color:black;
	font-weight:bolder;
	font: 4vw verdana;
	}

	a:hover {
	text-decoration:none;
	color:#92B1B1;
	font-weight:bolder;
	font: 4vw verdana;
	cursor:pointer;
	}
   #tr-head { height: 200px; }
   #td-banner { height:300px; }
   
   #td-logo { align: center; text-align:center;  }
  .pBanner { font:8vw verdana; font-weight:900;  margin:50px; color:white; text-align:left;} 
  .pHeader { font:8vw verdana; font-weight:900;  margin:50px; } 
  .p1 { font: 6vw verdana; font-weight:900;  }
  .p1a { font: 6vw verdana; font-weight:900;  }
  .p1-list { font: 6vw verdana; font-weight:900; padding-left:50px; }
  .p2 { font: 4vw sans-serif;  }
  .p2a { font: 4vw sans-serif; }
  .p2b { font: 3vw sans-serif; }
  .pCopy { font: 1vw sans-serif; margin-top:70px; }
  .pNutDesc  { font:3vw verdana; line-height:50px; }
  .fontSmall { font: 1vw sans-serif; } 
  .fontSmall2vw { font:2vw sans-serif; }
  .fontBold { font: 5vw verdana; font-weight:900; }
  .divLeft {  width:100%; position:relative; text-align:center; }
  .divRight {    width:100%; position:relative; text-align:center; }
  .divRightContact {    width:100%; position:relative; float:right; text-align:center; }
  .divLeftDrip {  width:100%; position:relative; text-align:left;   word-wrap: break-all;  }
  .divContent {
	display:none;
	width: 90%;
	padding: 10px;
	margin:0px;
	background-color:#eeeeee;
	text-align:left;
	}
	.divContentAboutLeft {
	width:100%; 
	position:relative; 
    background-color:#eeeeee;
 	}
	.divContentAboutRight {
		width:100%; 
		position:relative; 
	}
  .imgArrow {  	height:25px; width:25px; }
  .imgArrowExpand {  height:25px; width:25px; transform:rotate(90deg); }
  .tableContact { width:98%;   margin-left:auto; margin-right:auto;   }
  .tdContact1 {  font: 4vw verdana; text-align:right; padding-right:12px; }
  .tdContact2 { font: 4vw verdana; text-align:left; padding-bottom:35px;}
 
}

@media screen and (min-width: 1000px) {

  div.mobile-display { display:none}
  div.desktop-display { display: block }
  div.divCopy { display: block }
  ul { font: 20px sans-serif; width:80%; margin-left:9%;  }
    a {
	text-decoration:none;
	color:black;
	font-weight:bolder;
	font: 20px/21px verdana;
	}

	a:link {
	text-decoration:none;
	color:black;
	font-weight:bolder;
	font: 20px/21px verdana;
	}

	a:active {
	text-decoration:none;
	color:black;
	font-weight:bolder;
	font: 20px/21px verdana;
	}

	a:visited {
	text-decoration:none;
	color:black;
	font-weight:bolder;
	font: 20px/21px verdana;
	}

	a:hover {
	text-decoration:none;
	color:#92B1B1;
	font-weight:bolder;
	font: 20px/21px verdana;
	cursor:pointer;
	}
  #tr-head { height: 170px; }
  #td-banner { height:400px; }
  #td-banner2 { background-image:url(../img/imgLanding2ReverseRepaint.jpg); } 
  #td-logo { align: center; text-align: center; }
  .pBanner { font:5vw verdana; font-weight:900; color:white; text-align:left;} 
  .pHeader { font:3vw verdana; font-weight:900;} 
  .p1 { font: 4vw verdana; font-weight:900; margin:100px;}
  .p1a { font: 4vw verdana; font-weight:900; margin:100px;}
  .p1-list { font: 30px verdana; font-weight:900; margin-left:20px;}
  .p2 { font: 24px sans-serif; margin:100px;  }
  .p2a { font: 28px sans-serif; margin:100px;}
  .p2b { font: 23px sans-serif; margin:100px;}
  .pCopy { font: 14px sans-serif;  }
  .pNutDesc  { font:17px/18px sans-serif; line-height:23px;   }
  .fontSmall, .fontSmall2vw { font: 17px sans-serif; } 
  .fontBold {  font: 30px verdana; font-weight:900;  }
  .divLeft {   width:49%; position:relative; float:left; text-align:center; }
  .divRight {    width:49%; position:relative; float:right; text-align:center;  }
  .divRightContact {    width:49%; position:relative; float:right; text-align:left; }
  .divLeftDrip {  width:100%; position:relative; text-align:left;   }
  .divContent {
	display:none;
	width: 90%;
	padding: 1%;
	margin-left:0px;
	background-color:#eeeeee;
	text-align:justify;
	}
	.divContentAboutLeft {
	width:49%; 
	position:relative; 
	float:left; 
    background-color:#eeeeee;
 	}
	.divContentAboutRight {
		width:49%; 
		position:relative; 
		float:right; 
		margin-left:5px;
	}
  .imgArrow {  	height:15px; width:15px; }
  .imgArrowExpand {  	height:15px; width:15px; transform:rotate(90deg); }
  
  .tableContact { width:90%;   }
  .tdContact1 { font: 20px/21px verdana; text-align:right; padding-right:12px;  }
  .tdContact2 { font: 20px/21px verdana; text-align:left;  }
}


div.mobile-display { 
width:100%;
margin: 0px;
border-top:0px;
}
div.desktop-display { 
}
.divContentAbout {
	display:block;
	width: 90%;
	padding: 20px;
	margin-left:0px;
	background-color:#eeeeee;
	text-align:justify;
	 display: flex;
  flex-wrap: wrap;
}


.imgBanner-m { 
width: 300px;  
position:relative;
}


table, th, td {
  border-collapse: collapse;
}

.desktop-table {  	width:100%; }
.mobile-table { 	width:100%;   }
.common-table {  width:100%;  }

#td-logo { 	height:150px;  }

.td-menu {
	 width:190px;
	 text-align:center;
	 padding:0px;
}
#td-banner {
background-image:url(../img/imgLandingIV.jpg);
background-position:bottom right;
 }
#td-banner2 {

background-position:center left;
background-repeat:no-repeat;
background-color:#92B1B1;
 }
#td-pageHeader {
	height:100px;
	background-image:url(../img/imgServices.jpg) ;
background-position:bottom right;
}




/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #5A7373;
  position: relative;
    border:none;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
    border:none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 50px  70px  ;
  text-decoration: none;
  font: 50px/51px verdana;
  display: block;
  letter-spacing:3px;

}

/* Style the hamburger menu */
.topnav a.icon {
  background: #5A7373;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #04AA6D;
  color: white;
}


.divButton {
	 width: 200px;
	position:relative;
	padding :20px 0 20px 0;
	background-color:#5A7373;
	margin: 0 auto;
	margin-bottom:10px;
}
/* Style button links */
.divButton a {
  color: white;
  padding: 4px 4px;
  text-decoration: none;
  font-size: 17px;
  display: block;

}


/* Add a grey background color on mouse-over */
.divButton a:hover {
  background-color: #92B1B1;
  color: black;
}

.divButton:hover {
  background-color: #92B1B1;
  color: black;
}

/* Style the active link (or home/logo) */
.divButton a:active {
  background-color: #04AA6D;
  color: white;
}

.nav-submenu a.collapsed:after {
    content: " ?";
}
.nav-submenu a:not(.collapsed):after {
    content: " ?";
}
.nav-submenu a:not(.collapsed)+div {
   display:none;
}

/* drips collapbsible */

/* future use of iframe */

.contentArea {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: auto;
  overflow-y: scroll;
}

.flex-box {
  flex-grow: 1;
  flex-basis: 0;
  overflow: hidden;
  /* Set height as percentage of viewport */
  min-height: 100%;
  position:absolute;
  width:98%;
  margin-left:1%;
 
}

.myIframe {
  /*
  DO not adjust height of iframe here.
  set the height on .flex-box
  */
  
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  position:absolute;
 
}
.additional-content {
  padding: 15px;
  background-color: #CDDC39;
}