/*.modal {
  background-image: url("../img/adornos.png");
}*/

.modal-content-perdiste {
  background: #0d6efd;
  border-style: none;
  border-radius: 10px;
}

.modal-header-perdiste {
  /* border-bottom: #0d6efd;
  display: flex;
  justify-content: right;
  padding: 10px; */
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
  padding: 10px;
}

.modal-header-perdiste img {
  /* cursor: pointer;
  margin: 5px 5px;
  width: 5%; 6% */
  cursor: pointer;
    margin: 5px 5px;
    /* width: 5%; */
    max-width: 30px;
}

.img-modal-perdiste {
  display: flex;
  margin: auto;
  padding-bottom: 4%;
  width: 24%; /*18%*/
  max-width: 100px;
}

.modal-body-perdiste {
  padding: 6%;
}

.modal-title-perdiste {
  color: #efc945;
  font-family: codec;
  font-size: 300%;
  font-weight: bold;
  padding: -5px;
  text-align: center;
  src: url(font/Codec-Warm-ExtraBold-trial.ttf);
}

.modal-main-text-perdiste {
  color: #fff;
  font-size: 120%;
  padding: 2% 16%;
  text-align: center;
}

@media only screen and (min-width: 300px) and (max-width: 512px) {
  .modal-header-perdiste img {
    cursor: pointer;
    margin: 5px 5px;
  
}


  .img-modal-perdiste {
    padding-bottom: 8%;
  }

  .modal-title-perdiste {
    font-size: 155%; /*164%*/
  }

  .modal-main-text-perdiste {
    color: #fff;
    font-size: 69%; /*95%*/
    padding: 1% 0%; /*2% 10%*/
    text-align: center;
  }
}

@media only screen and (min-width: 513px) and (max-width: 768px) {
  .img-modal-perdiste {
    padding-bottom: 8%;
  }

  .modal-title-perdiste {
    font-size: 218%;
  }

  .modal-main-text-perdiste {
    color: #fff;
    font-size: 95%;
    padding: 2% 10%;
    text-align: center;
  }
}

@media only screen and (min-width: 769px) and (max-width: 990px) {
  .img-modal-perdiste {
    padding-bottom: 8%;
  }

  .modal-title-perdiste {
    font-size: 230%;
  }

  .modal-main-text-perdiste {
    color: #fff;
    font-size: 95%;
    padding: 2% 10%;
    text-align: center;
  }
}