.overlay {
  position: fixed;
  top: 0;
  bottom: 1px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
    visibility: visible;
  opacity: 1;
  z-index:9;
}

.overlay td:first-letter{
    text-transform:none;
}
.overlay td{
    text-transform:none!important;
    text-align:left!important;
}
.overlay td:first-child{
    text-transform:none!important;
}


.overlay.hide{
    visibility: hidden;
    opacity: 0;
}

.overlay .center {
  background: #fff;
  overflow:auto;
  padding:0 1em;
  border-radius: 5px;
         width: calc(100% - 1em);
        height:100%;
        margin: 0;
  position: relative;
  transition: all 500ms ease-in-out;
  text-align:left;
}
.toc{
    font-size:0.8em;
}
.title{
    font-size:1.5em;
    font-weight:bold;
    text-align:center;
}
.toc h1, .toc h2, .toc h3, .toc h4, .toc h5, .toc h6, .toc li{
    margin: 0;
    padding:0;
}
.overlay .center .close-overlay {
  position: fixed;
  top: 1em;
  right: 2em!important;
  
  height:1em;
  transition: all 500ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  
}
.overlay .center .close-overlay:hover {
  color:red;
}

@media only screen and (max-width:39.9em) {
    .overlay .center {
        
    }
}

@media only screen and (max-width:62em) and (min-width:40em) {
    .overlay .center {
    }
}