#mask {
    position:absolute;
    margin:auto;
    z-index:9000;

    display:none;
  }  
  #boxes .window {
    position:absolute;
    left:0;
    top:0;
    width:90%;
    height:auto;
    display:none;
    z-index:9999;
    padding:20px;
    border-radius: 5px;
    text-align: center;
    margin:auto;
  }
  #boxes #dialog {   

    width:800px; 
    height:auto;
    padding: 10px 10px 10px 10px;
    background-color:#E75480;
    font-size: 15pt;
  }
  
  .agree:hover{
    background-color: #D1D1D1;
  }
  .popupoption:hover{
   background-color:#D1D1D1;
   color: green;
  }
  .popupoption2:hover{
   color: red;
  }

  
@media (max-width:768px){
#mask {
    position:absolute;
    margin:auto;
    z-index:9000;
    background-color:#26262c;
    display:none;
    }      
#boxes .window {
    left:0;
  
    position:absolute;

    margin-top:-30%;
    width:90%;
    height:auto;
    display:none;
    z-index:9999;
    padding:20px;
    border-radius: 5px;
    text-align: center;
  }
  #boxes #dialog {
    top:-20%;
    width:90%; 
    height:auto;
    padding: 10px 10px 10px 10px;
    background-color:#E75480;}
}