@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700");
@import url("https://fonts.googleapis.com/css?family=Nunito");
html { height: 100%; }

body { height: 100%; }

@media screen and (max-width: 768px) { body { width: 100%; } }

topheader { margin-top: 5px; }

#topheadmenu li { list-style: none; float: left; margin-right: 30px; margin-top: 30px; color: #FFF; background: #588800; border-radius: 4px; padding: 2px 6px; font-weight: 600; text-align: center; }

#topheadmenu li:hover { background: #3c3c3c; }

#topheadmenu li a { color: #FFF; }

header { width: 100%; }

header #logo img { width: auto; max-height: 80px; }

header.sticky { position: fixed; top: 0; width: 100%; background: #333333; z-index: 999; padding-bottom: 10px; border-bottom: #a2d9f5 solid 2px; margin-right: 0px; right: 0px; }

header.sticky + .content { padding-top: 102px; }

@media screen and (min-width: 480px) { header .navdskright { float: right; } }

@media screen and (max-width: 480px) { header { width: 100%; background: #333333; min-height: 100px; }
  header #logo img { margin-top: 10px; } }

.navbar { padding: 0px; }

.navbar li.nav-item { margin-right: 30px; }

ul.navbar-nav.mr-auto { margin: 0px auto; margin-top: 30px; }

#bannerimage { margin-top: -120px; margin-bottom: 0px; }

#bannerimage img { width: 100%; height: auto; }

@media screen and (max-width: 480px) { #bannerimage { margin-top: 0px; max-width: 100%; display: block; overflow: hidden; }
  #bannerimage img { display: block; max-width: 100%; min-width: 100%; width: auto; height: auto; } }

h3 { color: #588800; }

#homecontent1 { margin-top: 20px; }

#homecontent1 img { width: 90%; height: auto; margin: 0px auto; display: block; }

#homecontent1 p { text-align: justify; padding-left: 5%; padding-right: 5%; margin-top: 10px; }

#homecontent1 a { margin-left: 5%; background: #e2e2e2; border-radius: 8px; padding: 1px 7px; font-size: 0.8em; color: #3c3c3c; text-decoration: none; }

#homecontent1 h3 { font-size: 1.2em; text-align: center; margin-bottom: 10px; }

footer { background: #333333; height: auto; padding-top: 10px; padding-bottom: 10px; }

footer p { color: #FFF; text-align: left; }

footer p em { color: #2196f3; }

footer p.right { color: #FFF; text-align: right; font-size: 0.8em; }

@media screen and (max-width: 480px) { footer p.right { text-align: center; } }

footer p a { color: #c7c7c7; text-align: right; text-decoration: none; }

footer p a:hover { color: #FFF; text-decoration: none; }

/* -------------------------------------------------- */
#content, #sidebar { margin-top: 20px; }

#content h3 { color: #2196f3; text-align: center; border-radius: 4px; font-size: 1.6em; padding-left: 20px; padding-top: 5px; padding-bottom: 4px; }

#content p { padding-left: 25px; padding-top: 5px; padding-bottom: 4px; }

#content h4 { padding-left: 20px; font-size: 1.1em; color: #8e0f09; }

#sidebar h3 { color: #2196f3; font-size: 1em; padding-left: 20px; padding-top: 5px; padding-bottom: 4px; }

#sidebar p { padding-left: 25px; padding-top: 5px; padding-bottom: 4px; }

#sidebar img { max-width: 100%; height: auto; display: block; margin: 0px auto; margin-bottom: 10px; }

#innercontent1 { margin-top: 20px; margin-bottom: 20px; }

#innercontent1 img { width: 90%; height: auto; margin: 0px auto; display: block; }

#innercontent1 p { text-align: justify; padding-left: 5%; padding-right: 5%; margin-top: 10px; }

#innercontent1 a { margin-left: 5%; background: #e2e2e2; border-radius: 8px; padding: 1px 7px; font-size: 0.8em; color: #3c3c3c; text-decoration: none; }

#innercontent1 h3 { font-size: 1.2em; text-align: center; margin-bottom: 10px; color: #2196f3; border-radius: 4px; font-size: 1em; padding-left: 20px; padding-top: 5px; padding-bottom: 4px; }

@media only screen and (max-device-width: 800px) { #logo img { margin: 0px auto; display: block; margin-bottom: 10px; }
  #topheadmenu li { margin-top: 2px; margin-bottom: 2px; width: 100%; }
  footer { height: auto; }
  footer p { color: #FFF; text-align: center; }
  footer p a { color: #FFF; text-align: center; text-decoration: none; } }

#content strong { color: #00bcd4; }

#content .services .left img { display: block; margin: 0px auto; max-width: 100%; min-width: 100%; height: auto; }

#content span.assoc { width: 80%; margin-left: 10%; display: block; }

#content span.assoc strong { color: green; font-style: italic; }