html {
scroll-behavior: smooth;
}

body#Harcbod {
background: #173736;
color: #F3F9F9;
}

/* header section */

#Harheader {
padding: 15px 150px 5px 150px;
text-align: right;
height: 100px;
position: webkit-sticky;
position: sticky;
z-index: 3;
top: 3px;
}
img#logonheader {
height: 60px;
}

@media (max-width: 550px) {

img#logonheader {
height: 45px;
}

}

/* end header section */

/* intro section */

#Harintro {
padding: 10px 200px 10px 200px;
position: webkit-sticky;
position: sticky;
z-index: 2;
top: 3px;
}
p#harintropart1 {
font-size: 40pt;
}
p#harintropart2 {
font-size: 30pt;
padding-top: 15px;
}

@media (max-width: 550px) {

#Harintro {
padding: 8px;
}
p#harintropart1 {
font-size: 22pt;
}
p#harintropart2 {
font-size: 16pt;
padding-top: 5px;
line-height: 200%;
}
#botintroruler {
display: none;
}

}

/* end intro section */

/* body table */

#Hartabone {
padding: 10px 150px 10px 150px;
background: #173736;
position: relative;
z-index: 3;
}

td.Har1tirows {
text-align: center;
font-size: 20pt;
color: #C3C3C3;
}
td.Har1descrows {
padding: 5px;
line-height: 170%;
font-size: 18pt;
}
div.ampversotis {
display: none;
}
.descamprulers {
display: none;
}
.Har1exankrows {
text-align: center;
padding: 5px;
}

@media (max-width: 550px) {

#Hartabone {
width: 100%;
padding: 5px;
}

td.Har1tirows {
display: none;
}
td.Har1descrows {
display: block;
padding: 5px;
line-height: 170%;
width: 100%;
}
div.ampversotis {
display: block;
font-size: 18pt;
font-weight: bold;
padding: 6px;
}
.descamprulers {
display: block;
width: 150px;
}
.Har1exankrows {
display: none;
}

}

/* end body table */