.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0;
    margin: 0;
    width:100%;
    height: 100%;
    background-color:rgba(2, 2, 2, 0.8);
  }
  
  
  .modal-content{
      
      
      align-items: center;
      background:transparent;
  }
  
  .modal-body{
      /* background-color: #230000; */
      background-color: white;
      width:90%;
      height:100%;
      margin: auto auto;
      border-top: 1px solid #fff3a4;
      border-bottom: 1px solid #fff3a4;
    max-height: 100%;
    padding: 20px;
      img{
          width:25%;
          height:auto;
      }
      p{
          font-family: 'Goglast', sans-serif;
          font-size:28px;
      line-height: 30px;
          color: #000000;
          /* text-shadow:1px 2px 4px #310000; */
      }
  }
  
  .modal-header, .modal-footer{
    background: rgb(90, 133, 225);
    height: 50px;

    /* background-image: url(/img/15.jpg) ; */
    /* background-size: auto 100%; */
      text-align: center;
    padding: 20px;
      width: 90%;
      margin: auto auto;
      border:none;
      .close
      {
          font-family: "Lobster", sans-serif;
          font-weight: bold;
          letter-spacing: 2px;
          font-size:28px;
          color: #230981;
          opacity: 1;
      text-align: center;
      text-shadow: 1px 1px 5px #fff;
      /* border: 2px solid #ffc401; */
      border-radius:15px 10px;
      padding:16px;
      box-shadow: 1px 2px 2px 2px #000;
      transition: .2s;
      background-color: #ffffff; 
      background: linear-gradient(0deg, rgb(157, 111, 0) 11%, rgb(255, 191, 0) 94%);
      }
    .close:hover
        {
           background-color: #ffffff; 
           box-shadow: 0 25px 15px 0 rgba(255, 255, 255, 0.75) inset, 0 1px 5px 0 rgba(4, 2, 2, 0.2);
           /* border: 1px solid rgb(96, 96, 96); */
           color:rgb(0, 0, 0);
           text-shadow: 2px 1px 4px #ffffff;
  
        }
  }
  .modal-header
  {
    
    background: linear-gradient(0deg, rgb(88, 132, 230) 11%, rgb(21, 49, 115) 94%);
  }
  .modal-footer{
        background: linear-gradient(180deg, rgb(88, 132, 230) 11%, rgb(21, 49, 115) 94%);
  }