.dialog{
    background:white;
    width:90vw;
    height: 77vh;

            
}

.btn2{
  font-family:"ITC Avant Garde Gothic"
}

  #viewer{
    z-index:2147483647 !important;
    border:none;
    width:100vw;
    height:70vh;
}

.modalbg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0);
z-index: 2147483645;
  
  .dialog {
      width: 91vw;
      position: relative;
         height: 77vh;
      margin: 10% auto;
      padding: 5px 5px 5px 5px;
      z-index:2147483646 !important;
                border: 3px solid black;
    border-radius: 5px;
              overflow: hidden;
}
}
   
               
   #sfgbut{
               width:20px !important;
               margin-left: 10px !important;
               margin-right: 10px !important;
   }
   
   a { color: #333; text-decoration: none; }
           
           
  
   
   .modalbg:target {
   display: block;
  
   background: lightgrey;
     
   .dialog {
   top: -10px;
   z-index: 10 !important;
   
   }
   }
   
   
   
   .close {
   background-color: white;
   color: black;
   line-height: 25px;
   position: absolute;
   right: 0px;
   text-align: center;
   top: -1px;
   width: 24px;
   text-decoration: none;
   font-weight: light;
   
   
   
   }
   
#iViewer{
width:90vw;
  height:70vh;
}


@media only screen and (max-width: 589px) {
.dialog{
    background:white;
    width:90vw;
    height:100vh;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    
            
}

  #iViewer{
         width: 95vw;
        height: 94vh;}    

  
  #viewer{
    
    border:none;
    width:100vw;
    height:70vh;
}


.modalbg {
position: fixed !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgb(255 255 255);
display:none;
  
  .dialog {
      width: 97vw;
      position: relative !important;
      height: 90vh;
      padding: 5px 5px 5px 5px;
      margin-top: 10px;
      margin-left: 0;
      margin-right: 0;
      overflow: hidden;
}
}
   
               
   #sfgbut{
               width:20px !important;
               margin-left: 10px !important;
               margin-right: 10px !important;
   }
   
   a { color: #333; text-decoration: none; }
           
           
  
   
   .modalbg:target {
   
  
   background: lightgrey;
    display:none;
     
   .dialog {
   top: -10px;
   
   
   }
   }
   
   
   
   .close {
   background-color: white;
   color: black;
   line-height: 25px;
   position: absolute;
   right: 1px;
   text-align: center;
   top: -1px;
   width: 24px;
   text-decoration: none;
   font-weight: light;
  
   
   
   }
   
}