#id01 .w3-modal-content {
  width: 30%;
}

#id01 p {
  font-size: 1vw;
}

#id01 header {
  padding: 3%;
  background-color: #0e4a87 !important;
}

#id01 button {
  background-color: #0e4a87 !important;
  font-size: 1vw;
  margin-bottom: 5%;
}

#id02 .w3-modal-content {
  width: 30%;
}

#id02 p {
  font-size: 1vw;
}

#id02 header {
  padding: 3%;
  background-color: #0e4a87 !important;
}

#id02 button {
  background-color: #0e4a87 !important;
  font-size: 1vw;
  margin-bottom: 5%;
}

@media only screen and (max-width: 768px) {
  #id01 .w3-modal-content {
    width: 80% !important;
    margin-left: 10%;
  }

  #id01 p {
    font-size: 3vw;
  }

  #id01 h3 {
    font-size: 4vw !important;
    font-weight: 900;
  }

  #id01 header {
    padding: 3%;
  }

  #id01 button {
    font-size: 3vw;
  }

  #id02 .w3-modal-content {
    margin-left: 10%;
  }

  #id02 p {
    font-size: 3vw;
  }

  #id02 h3 {
    font-size: 4vw !important;
    font-weight: 900;
  }

  #id02 header {
    padding: 3%;
  }

  #id02 button {
    font-size: 3vw;
  }
}