/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.saludo {
  font-weight: bold;
  font-size: 1.5em;
}

.parrafo {
  color: #9d9d9d;
  font-size: 1.5em;
}

.numero-dueda {
  color: #000000;
}

.valor-deuda {
  background-color: #ffffff;
  color: #9d9d9d;
  font-size: 3.5em;
  margin-left: 20%;
  margin-top: 5%;
  width: 60%;
}

.caja-numero {
  background-color: #ffffff;
  border: #000000 solid 1px;
  color: #9d9d9d;
  margin-left: 20% !important;
  width: 60% !important;
  text-align: center;
}

.boton-procede-pago,
.boton-procede-pago:hover,
.boton-procede-pago:after {
  background-color: #07e0ef;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  margin-top: 5%;
  text-align: center;
}

@media only screen and (max-width: 415px) {
  .caja-numero {
    font-size: 2em;
  }
}
@media only screen and (min-width: 1024px) {
  .caja-numero {
    font-size: 3.5em;
  }
}

.img-banner {
  width: 500px;
}

@media (min-width: 200px) {
  .img-banner {
    width: 200px;
  }
}

@media (min-width: 320px) {
  .img-banner {
    width: 250px;
  }
}

@media (min-width: 360px) {
  .img-banner {
    width: 270px;
  }
}

@media (min-width: 500px) {
  .img-banner {
    width: 440px;
  }
}

@media (min-width: 768px) {
  .img-banner {
    width: 470px;
  }
}