html {
scroll-behavior: smooth;
}

/* Intro body */

body#Eclebod {
background: url("../img/legacyBG1.webp");
background-position: top center;
background-attachment: fixed;
font-family: 'Work Sans', sans-serif;
padding: 0;
margin: 0;
max-width: 1600px;
background-size: cover;
height: 2000px;
}

/* Header table */

table#Headtable {
padding: 5px 170px 5px 170px; 
position: -webkit-sticky;
position: sticky;
top: 10px;
z-index: 6;
}

td#Headcontarow1 {
width: 80%;
}
td.Headbioankrows {
padding: 5px;
text-align: right;
vertical-align: middle;
}
a.Headbioanx {
text-decoration: none;
color: #FFFFFF;
transition: color 0.5s ease; 
}
#navbar {
position: -webkit-sticky;
position: sticky;
z-index: 6;
top: 1px;
}
.scrolled a {
text-decoration: none;
color: #5D5D5D;
transition: color 0.5s ease; 
}
.scrolled hr {
background: #000000;
border: 0;
color: #000000;
transition: color 0.3s ease; 
}
#Headmenubuttonsrow {
display: none;
}
td#Headmenurow {
display: none;
}

div#ampmenu {
display: none;
}

@media (max-width: 550px) {

table#Headtable {
padding: 0px;
position: -webkit-sticky;
position: sticky;
z-index: 6;
}
td#Headcontarow1 {
width: 80%;
padding: 5px;
}
td.Headbioankrows {
display: none;
}
.Bioanxamp {
text-decoration: none;
color: #5D5D5D;
}
#Headmenubuttonsrow {
display: table-cell;
padding-top: 5px;
}
td#Headmenurow {
display: table-cell;
padding-bottom: 5px;
}
#button1 hr {
display: block;
}
.iconruler1 {
width: 25px;
background: white;
color: white;
border: 0;
height: 2px;
}
.iconruler2 {
width: 25px;
background: white;
color: white;
border: 0;
height: 2px;
}
.iconruler3 {
width: 25px;
background: white;
color: white;
border: 0;
height: 2px;
}

div#button2 {
display: none;
}

#button2 .iconruler1 {
display: none;
}
#button2 .iconruler2 {
height: 2px;
width: 25px;
position: absolute;
transform: rotate(45deg);
transition: transform 5s ease-in;
border: 0;
z-index: 5;
top: 25px;
right: 23px;
}
#button2 .iconruler3 {
height: 2px;
width: 25px;
position: absolute;
transform: rotate(-45deg);
transition: transform 5s ease-in;
border: 0;
z-index: 4;
top: 25px;
right: 23px;
}

div#ampmenu {
background: #FFFFFF;
box-shadow: 1px 1px 1px #5D5D5D;
position: absolute;
text-align: left;
height: 192px;
width: 90%;
left: 10px;
padding: 15px 4px 5px 4px;
font-size: 13pt;
opacity: 0.9;
line-height: 200%;
transition: 0.4s ease;
z-index: 4;
}

}

/* end Header table */

/* Bio table */

#Biotable {
height: 600px;
background-size: cover;
padding: 100px;
position: relative;
z-index: 4;
}
td#Biosoxrow {
display: none;
text-align: right;
padding: 10px;
}

img#soxonbio {
position: fixed;
height: 45px;
border: 2px solid #F1F1F1;
border-radius: 90px;
}
img#soxonbio:hover {
opacity: 0.8;
position: fixed;
height: 50px;
border: 2px solid #2D7AAE;
}

td#Biomaindescrow {
text-align: center;
}
div#Biodescbit1 {
padding: 20px;
}
img#logonbio {
width: 400px;
}
div#Biodescbit2 {
padding: 20px 100px 20px 100px;
font-size: 20pt;
font-weight: 300;
line-height: 180%;
color: #FFFFFF;
}
div#Biodescbit3 {
padding: 20px;
font-size: 20pt;
}
a#Biodescexank {
background: #37B24A;
text-decoration: none;
color: #FFFFFF;
padding: 10px;
}

@media (max-width: 550px) {

#Biotable {
height: 600px;
padding: 10px;
background: url("../img/legacyBG1amp.webp");
background-attachment: fixed;
background-position: center center;
background-size: cover;
}
td#Biosoxrow {
text-align: right;
padding: 1px 70px 1px 1px;
}

img#logonbio {
width: 250px;
}
div#Biodescbit2 {
padding: 10px;
font-size: 15pt;
font-weight: 300;
line-height: 180%;
color: #FFFFFF;
}
div#Biodescbit3 {
padding: 10px;
font-size: 15pt;
}

}

/* end Bio table */

section.content {
background: #FFFFFF;
background-size: cover;
max-width: 1800px;
width: 100%;
position: relative;
z-index: 3;
top: 4px;
}


/* tri images table */

table#Bodtableone {
padding: 100px;
position: relative;
z-index: 2;
}
td.Bodtab1descrows1 {
vertical-align: middle;
text-align: center;
width: 32%;
}
td.Bodtab1descrows2 {
vertical-align: middle;
text-align: center;
width: 32%;
}
img.tab1trimgs {
width: 100%;
}
.Bodtab1spacerows {
width: 2%;
}

@media (max-width: 550px) {

table#Bodtableone {
position: relative;
z-index: 3;
padding: 5px;
}
.Bodtab1spacerows {
display: none;
}	
td.Bodtab1descrows1 {
vertical-align: middle;
text-align: center;
width: 32%;
}
td.Bodtab1descrows2 {
display: none;
vertical-align: middle;
text-align: center;
width: 32%;
}

}	

/* end tri images table */

/* Intro and Resources */

section#Codesc {
color: #5D5D5D;
padding: 50px 300px 20px 300px;
position: relative;
z-index: 3;
}
div#Codescbit1 {
font-size: 12pt;
}
a.storylineanx {
text-decoration: none;
color: #CCCCCC;
}
a.storylineanx:hover {
text-decoration: none;
color: #19C86B;
}
div#Codescbit2 {
font-size: 14pt;
font-weight: 400;
}
div#Codescbit3 {
font-size: 12pt;
}
div#Codescbit4 {
font-size: 13pt;
font-weight: 400;
}
.reforgsanx {
text-decoration: none;
color: #5d5d5d;
}

@media (max-width: 550px) {
	
section#Codesc {
color: #5D5D5D;
padding: 6px;
}

}

/* end Intro and Resources */

/* Services and areas */

table#Servicestable {
padding: 200px;
position: relative;
z-index: 3;
}

#Servicestabletitlerow {
text-align: center; 
vertical-align: middle;
}
img.navimgbits1 {
width: 200px;
}

td#Servicestablerow1 {
padding: 5px;
height: 400px;
background: #F1F1F1;
text-align: center;
}
td#Servicestablerow2 {
width: 50%;
padding: 0px;
text-align: left;
}
img#bodimgrand1 {
width: 100%;
}
td#Servicestablerow3 {
	height: 200px;
padding: 50px;
text-align: center;
}
.title2s {
color: #37B24A;
}
td#Servicestablerow4 {
background: #F1F1F3;
height: 250px;
padding: 5px;
text-align: center;
vertical-align: middle;
}
img#phoneicon {
height: 30px;
}
div#numbmailbit1 {
font-size: 12pt;
}
td#Servicestablerow5 {
padding: 5px;
text-align: center;
}
img#areaservedimg {
height: 40px;
}

/* Areas covered */

.areasgroupsections {
display: inline-block;
line-height: 180%;
vertical-align: top;
margin: 10px;
padding-bottom: 10px;
}

@media (max-width: 550px) {

.areasgroupsections {
display: block;
font-size: 11pt;
border-bottom: 2px dotted #f1f1f1;
}	

}

/* end Areas covered */

#googlemapank1 {
text-decoration: none;
}
#busimgoogle {
height: 40px;
}
div#addhoustontitle {
font-size: 16pt;
color: #5D5D5D;
font-weight: bold;
}
span.parthoustonareas {
display: inline-block;
margin: 6px;
}

@media (max-width: 550px) {
	
table#Servicestable {
padding: 0px;
width: 95%;
background-size: cover;
max-width: 1000px;
}
td#Servicestablerow1 {
display: block;
padding: 5px;
height: 410px;
background: #F1F1F1;
background-size: cover;
max-width: 1000px;
text-align: center;
}
td#Servicestablerow2 {
display: block;
width: 100%;
padding: 5px;
}
td#Servicestablerow4 {
background: #F1F1F3;
background-size: cover;
max-width: 1000px;
display: block;
width: 95%;
height: 250px;
padding: 5px;
text-align: center;
vertical-align: middle;
}
div#numbmailbit1 {
font-size: 12pt;
}
img#areaservedimg {
height: 30px;
}

}

/* end Services and areas */

/* footer */

#footer {
background: #F1F1F1;
display: table;
background-size: cover;
max-width: 1800px;
height: 720px;
position: relative;
z-index: 3;
}
td#footerpart1 {
width: 25%;
padding: 30px 50px 30px 100px;
vertical-align: top;
border-right: 1px dotted #999;
}
a.footnavanx {
text-decoration: none;
color: #5D5D5D;
}
a.footnavanx:hover {
text-decoration: none;
color: #37B24A;
}

img#socialiconfoot1 {
height: 20px;
}
div#numbmailbit2 {
font-size: 12pt;
}
#footerpart2 {
padding: 30px 50px 30px 50px;
width: 70%;
vertical-align: top;
color: #5D5D5D;
}
#footerpart3 {
font-size: 13pt;
text-align: center;
padding: 20px 200px 20px 200px;
}
.footnavsox1ank {
display: none;
}
#footruler2 {
color: #5d5d5d;
 border: none; /* Remove default border */
 height: 1px; /* Set the height of the line */
 background: transparent; /* Set background to transparent */
 border-top: 1px dotted #999; /* Apply dotted border on top */
 margin: 20px 0; /* Add some spacing above and below the line */
}
a#zafrafootexank {
text-decoration: none;
color: #FFC000;
}

@media (max-width: 550px) {

#footer {
display: table;
background: #F1F1F1;
background-size: cover;
max-width: 1800px;
height: 720px;
}	
td#footerpart1 {
display: none;
}
div#numbmailbit2 {
font-size: 8pt;
}
#footerpart2 {
display: block;
padding: 5px;
width: 95%;
vertical-align: top;
color: #5D5D5D;
}
div#callbackreq {
width: 99%;
padding: 5px;
}
#footerpart3 {
font-size: 11pt;
width: 95%;
text-align: center;
padding: 5px;
}
.footnavsox1ank {
display: inline;
}
#footruler2 {
width: 300px;
margin: 0px;
}

}

/* end footer */