.covid__overlay {
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: none;
      /*background: rgba(0, 0, 0, .85);*/
      z-index: 999;
      opacity: 0;
      transition: 1s;
      overflow-x: hidden;
      overflow-y: scroll;

    }

    .covid__contentarea {
      width: 100%;
      max-width: 700px;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 9999;
      transform: translate(-50%, -50%);

    }

    .covid__content {
      background: rgba(255, 255, 255, 0.9);
      margin: 25px;
      padding: 25px;
      color: #273136;
      white-space:normal;

    }

    .covid__content a {
      font-weight: bold;
    }

    .covid__content a:hover {
      color: #DBC381;
    }

    .covid__content .h4 {
      text-align: center;
    }

    .covid__content ul {
      margin-bottom: 25px!important;
      display: block;
    }

    .covid__content li {
      margin-bottom: 10px!important;
    }

    .covid--open .covid__overlay {
      display: block;
      opacity: 1;
    }

    .covid__toggle {
      position: absolute;
      left: 25px;
      top: 100px;
      width: 300px;
      background: #273136;
      border: 5px solid #DBC381;
      color: #DBC381;
      cursor: pointer;
      text-align: center;
      padding: 20px 0 20px 0;
      z-index:3;
      font-size: 16px!important;
    }


    .covid--open .covid__toggle {
      display: none;
    }

    .covid__button {
      background: #273136;
      color: white;
      display: inline-block;
      padding: 10px;
      cursor: pointer;
      text-align: center;
      text-transform: uppercase;
    }



@media (min-width: 1200px) {
  .covid__toggle {
    left: 50px;
  }
}
@media (min-width: 1400px) {
  .covid__toggle {
    left: 75px;
  }
}
@media (min-width: 1900px) {
  .covid__toggle {
    left: 50%;
    margin-left: -875px !important;
  }
}