body {
color: #1F2A1F;
background-color: #EAF4E4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
}

a {color: #8B5E34; text-decoration: none}
a:visited {color: #6F4725}
a:hover {color: #C48A2C; text-decoration: underline}

h1 {
font-size: 22px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}

h2 {
font-size: 18px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}

h3 {
font-size: 18px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding-bottom: 10px;
padding-left: 20px;
}

.jobdate {
font-size: 13px;
font-weight: normal;
font-style: italic;
}

p {
font-size: 12px;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
padding-right: 0;
}

p, h2, img, table, ul, ol, .small, #footer p {
margin-left: 10px;
margin-right: 10px;
}

#main {
margin: auto;
max-width: 1500px;
width: 100%;
background-color: #FFFDF5;
}

#header {
line-height: 0;
}

#header img {
margin: 0;
display: block;
width: 100%;
height: auto;
}

#header .banner-phone {
display: none;
}

.homepageimage {margin: 20px}

.homepageimage img {
float: right;
width: 30%;
}

#nav {
background-color: #234F1E;
}

.navbar {
background-color: #234F1E !important;
min-height: 52px;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
margin-bottom: 8px;
}

#nav ul {
list-style-type: none;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 25px;
text-align: right;
}

#nav li {
display: inline;
padding-left: 20px;
}

.navbar .navbar-brand,
.navbar .navbar-brand:hover {
color: #FFFDF5;
text-decoration: none;
font-weight: bold;
}

.navbar-nav .nav-link {
color: #FFFDF5;
font-size: 20px;
}

.navbar-nav .nav-link:hover {
color: #C48A2C;
text-decoration: none;
}

.navbar-nav .nav-link.active,
.nav-item .active {
color: #FFFDF5;
font-weight: 600;
}

.navbar-toggler {
background-color: #234F1E;
border: 1px solid #FFFDF5;
}

.navbar-toggler-icon {
filter: brightness(0) invert(1);
}

.bg custom {
background-color: #EAF4E4;
}


#footer {
background-color: #234F1E;
color: #FFFDF5;
padding: 10px 0;
}

#footer p {
margin-top: 0;
margin-bottom: 0;
}

#rightcontent {
width: 60%;
margin-left: 20px;
}

.small {
margin-top: 0;
font-size: 10px;
font-style: italic;
}

img {
max-width: 100%;
}

table {
width: 600px;
border: 2px outset gray;
}

th, td {
border: 1px inset gray;
}

.imgbox {
width: 30%;
padding-right: 10px;
}


@media screen and (max-width: 768px) {
#nav a {
font-size: 90%;
}
}

@media screen and (max-width: 640px) {
table {
width: calc(100% - 20px);
}
}

@media screen and (max-width: 550px) {
#nav a {
font-size: 80%;
}

#header .banner-wide {
display: none;
}

#header .banner-phone {
display: block;
}

#nav ul {
padding-left: 5px;
padding-right: 12px;
}

#nav li {
padding-left: 10px;
}

.imgbox {
width: auto;
}

#rightcontent {
width: auto;
}
}