.modal {
  position: fixed;
  z-index: 1030;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(71, 78, 93, 0.65);
  padding-top: 50px;


  /* The Modal Close Button (x) */
  .close {
    position: absolute;
    right: 35px;
    top: 15px;
    font-size: 40px;
    font-weight: bold;
    color: #f1f1f1;
  }

  .close:hover,
  .close:focus {
    color: #f44336;
    cursor: pointer;
  }

  .modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    .container {
      padding: 16px;
      text-align: center;
      .content {
        margin: 5% 0;
      }
      .footer {
        button {
          min-width: 100px;
          margin: 8px;
          display: inline-block;
        }
        .sk-cube-grid {
          display: inline-block;
          width: 30px;
          height: 30px;
        }
      }
    }
  }
}


@media screen and (max-width: 300px) {
  .modal .modal-content .container .footer button {
    min-width: 0;
    width: 100%;
    margin: 8px 0;
  }
}