@font-face{
  font-family:"eras-demi-itc-regular";
  src:url("http://www.bugmuseum.com/fonts/ERASDEMI.TTF") format("woff"),url("http://www.bugmuseum.com/fonts/ERASDEMI.TTF") format("opentype"),url("http://www.bugmuseum.com/fonts/ERASDEMI.TTF") format("truetype");
}
 .tooltip{
     margin: 0;
     position: relative;
     background: transparent;
     left: 100%;
     float: left;
     width: 120px;
     top: -185px;
 }
 .covid-heading{
  color: red !important;
  font-size: 16px !important;
  text-align: center !important;
  line-height: 0.5;
 }

 /*modifications start here*/
 body{
  background-color: #fff;
  background-image:url(http://www.bugmuseum.com/images/bugmuseum-bg-image.png);
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  background-position: initial; 
 }
 .thrColFixHdr #container, .thrColFixHdr #sidebar1, ul.MenuBarVertical, ul.MenuBarVertical li{
  width: auto;
 }
 .thrColFixHdr #mainContent{
  height: auto;
  margin: 0 auto;
 }
 #here{
  color: #2E2200;
  background-color: #FFBD00;
  border: 2px solid #FF8300;
  font-family: 'eras-demi-itc-regular', sans-serif;
 }
 ul.MenuBarVertical li{
  text-align: center;
  padding: 0.2em;
 }
 ul.MenuBarVertical{
  background-color: #FFFF66 !important;
  border: none;
  padding: 1em 0 1em 0;
 }
 ul.MenuBarVertical a{
  background-color: #90D300;
  margin: 0 6%;
  color: #F7FBEE;
  border: 2px solid #135D03;
  font-size: 16px;
  font-weight: bold;
  font-family: 'eras-demi-itc-regular', sans-serif;
 }
 ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus{
  background-color: #FFBD00;
  border: 2px solid #FF8300;
  color: #2E2200;
  font-weight: bold;
  font-family: 'eras-demi-itc-regular', sans-serif;
 }
 .thrColFixHdr #sidebar1{
  background-color: #fff;
 }
 .thrColFixHdr #container{
  border: 1px solid #ccc;
 }
 .yellowbox{
  background-color: #FCD835;
 }
 .logo img{
  width: 100%;
 }
 footer{
  padding: 0px;
  background-color: #84AF28;
 }
 .footer-new{
  padding: 17px 0px;
  color: white;
  font-weight: bold;
  text-align: center;
 }
 .footer-txtq{
  font-size: 28px;
 }
 .footer-txt{
  font-size: 22px;
 }
 .footer-email{
    color: white !important;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 5px;
    border-radius: .25em;
      font-size: 16px;
 }
 .footer-center{
  padding-top: 0.5em;
  font-size: 12px;
 }
 .footer-center a {
    color: #fff;
}
.thrColFixHdr #mainContent h1 {
    color: #124313;
    font-size: 2.8em;
    text-align: center;
    font-weight: bolder;
    font-family: 'eras-demi-itc-regular', sans-serif;
}
.thrColFixHdr #mainContent a:hover {
    background-color: transparent;
}
h3#plan-visit {
  font-weight: 600;
  color: #1C4500 !important;
  margin-top: 0.5em;
  font-family: 'eras-demi-itc-regular', sans-serif;
}
html {
  scroll-behavior: smooth;
}
textarea {
  position: absolute;
  left: 75em;
  top: 55em;
  height: 100px;
  overflow: auto;
}

.topnav {
  overflow: hidden;
  position: relative;
}

.topnav #mobile-menu-items {
  display: none;
  margin-top: -0.8em;
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  display: block;
}

.topnav a:hover {
  background-color: #FFFF66;
  color: black;
}
.fa-bars:before {
    content: "\f0c9";
    color: #286501;
}
.active {
  background-color: #04AA6D;
  color: white;
}
.topnav #support_museum a {
  padding: 10px 0px;
}
.topnav #support_museum a:hover {
  background-color: #fff;
}
p, li{
  font-size: 16px;
}
.thrColFixHdr #footer p{
  /* font-size: 100% !important; */
  font-size: 15px !important;
}
@media only screen and (max-width: 600px) {
  .thrColFixHdr #sidebar1{
    padding: 15px 10px 15px 10px;
  }
  div#chaprone-pdf {
    margin-left: -1em !important;
  }
  #support_museum, .topnav{
    display: block !important;
  }
  #desktop-menu{
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  .footer-new div {
    margin-bottom: 20px;
  }
  #chaprone-pdf img {
    width: 100%;
  }
  .col-sm-4.col-md-4.staff-empty-div {
    display: none;
  }
  object{
    height: 100% !important;
    width: 100% !important;
  }
}

<!--
.orange {
  color: #F60;
}
-->
