.hover_bkgr_covid{
    background:rgba(0,0,0,.7);
    /*cursor:pointer;*/
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
    overflow-y:auto;
    overflow-x:auto;
}
.container {
    position: relative;
    text-align: center;
    color: white;
    padding-right: 15px;
  }
  @media screen and (min-width: 1000px) {
  .covid-close {
    position: absolute;
    top: 85px;
    right: 29%;
    color: white;
    z-index: 100;
    cursor: pointer;
  }
  #smallerclose
  {
      visibility: hidden;
  }
}
@media screen and (max-width: 1000px) {
    .covid-close {
        position: absolute;
        top: 85px;
        right: 29%;
        color: white;
        z-index: 100;
        cursor: pointer;
        visibility: hidden;
      }

      #smallerclose
      {
          color: white;
          cursor: pointer;
      }
}
@media screen and (min-width: 500px) {
#covidImg
{
    -webkit-box-shadow: 10px 10px 26px 9px rgba(0,0,0,0.75); 
    -moz-box-shadow: 10px 10px 26px 9px rgba(0,0,0,0.75);
box-shadow: 10px 10px 26px 9px rgba(0,0,0,0.75); 
border-radius: 2%; margin-top: 7%; opacity: 1.0 !important;
z-index: 99;
 }
}
@media screen and (max-width: 500px) {
    #covidImg
    {
        -webkit-box-shadow: 10px 10px 26px 9px rgba(0,0,0,0.75); 
        -moz-box-shadow: 10px 10px 26px 9px rgba(0,0,0,0.75);
        box-shadow: 10px 10px 26px 9px rgba(0,0,0,0.75); 
        border-radius: 2%; margin-top: 7%; opacity: 1.0 !important;
        width: 100% !important;
        height: auto;
    }
}