.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    /* transition: all 5s ease-in-out; */
  }
  
  .popup h2 {
    margin-top: 0;
    color: #333;
  
  }
  
  .popup .close:hover {
    color: #06D85F;
  }
  .popup .content {
    max-height: 30%;
    overflow: auto;
  }
  
  @media (orientation: portrait) {
    .box{
      width: 97%;
    }
    .popup{
      width: 97%;
    }
  }