.donation-block {
  position: relative;
  max-height: calc(100vh - 153px);
  overflow: hidden; }
  .donation-block .donation-options {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px; }
    .donation-block .donation-options .buttons {
      justify-content: center;
      width: 100%;
      margin-top: 25px; }
  .donation-block .foto {
    width: 100%; }
    .donation-block .foto .image {
      margin: 0; }
    .donation-block .foto img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .donation-block .container-fluid {
    padding: 0; }
  .donation-block .text {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    padding: 0 15px; }
  .donation-block .text-inner {
    margin-left: 0;
    margin-top: 6%;
    width: fit-content;
    width: 800px;
    max-width: 100%; }
  .donation-block h1, .donation-block h2, .donation-block h3, .donation-block h4, .donation-block h5, .donation-block p, .donation-block ul li, .donation-block ol li {
    color: var(--secondary-text);
    text-shadow: 0 0 20px #000000; }
  .donation-block .title {
    font-size: 41rem;
    font-weight: 600;
    text-align: center;
    text-shadow: 0 0 20px #000000; }
  .donation-block .subtitle {
    font-size: 31rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25rem;
    margin-top: 10px;
    text-shadow: 0 0 20px #000000; }
  .donation-block p, .donation-block ul li, .donation-block ol li, .donation-block a {
    font-size: 23rem;
    font-weight: 600; }
  .donation-block p {
    text-align: center; }

@media (max-width: 575.5px) {
  .donation-block {
    max-height: calc(100vh - 90px); }
    .donation-block .text-inner {
      margin-left: 0;
      margin-top: 0;
      max-width: 100%;
      width: 100%; }
    .donation-block .foto {
      position: relative;
      height: 100%;
      width: 100%; }
      .donation-block .foto .image {
        height: 100%; }
      .donation-block .foto img {
        min-height: 260px; }
    .donation-block .title {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 0 15px; }
      .donation-block .title .title-text {
        font-size: 25rem;
        margin-bottom: 10px;
        color: var(--secondary-title);
        text-shadow: none;
        font-weight: 800; }
      .donation-block .title .subtitle {
        font-size: 21rem;
        margin-bottom: 10px;
        color: var(--secondary-title);
        text-shadow: none; }
    .donation-block .text {
      position: relative;
      padding: 25px 15px; }
      .donation-block .text .buttons {
        margin-top: 10px; }
    .donation-block .subtitle {
      margin-top: 10px;
      font-size: 23rem;
      margin-bottom: 21rem;
      color: var(--primary-text);
      text-shadow: none; }
    .donation-block p, .donation-block ul li, .donation-block ol li, .donation-block a {
      font-size: 18rem;
      color: var(--primary-text);
      text-shadow: none; }
    .donation-block .btn-donation, .donation-block input[type="number"].input-donation {
      border: 1px solid var(--dark-bg2); }
      .donation-block .btn-donation:hover, .donation-block input[type="number"].input-donation:hover {
        border-color: var(--element1-color) !important; }
    .donation-block .wrapper {
      display: flex;
      flex-direction: column; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .donation-block {
    max-height: calc(100vh - 90px); }
    .donation-block .text-inner {
      margin-left: 0;
      margin-top: 0;
      max-width: 100%;
      width: 100%; }
    .donation-block .foto {
      position: relative;
      height: 100%;
      width: 100%; }
      .donation-block .foto .image {
        height: 100%; }
    .donation-block .title {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 0 15px; }
      .donation-block .title .title-text {
        font-size: 28rem;
        margin-bottom: 10px;
        color: var(--secondary-title);
        text-shadow: none;
        font-weight: 800; }
      .donation-block .title .subtitle {
        font-size: 23rem;
        margin-bottom: 30px;
        color: var(--secondary-title);
        text-shadow: none; }
    .donation-block .subtitle {
      margin-top: 10px;
      font-size: 23rem;
      margin-bottom: 21rem;
      color: var(--primary-text);
      text-shadow: none; }
    .donation-block .text {
      position: relative;
      padding: 45px 15px; }
    .donation-block p, .donation-block ul li, .donation-block ol li, .donation-block a {
      font-size: 20rem;
      color: var(--primary-text);
      text-shadow: none; }
    .donation-block .btn-donation, .donation-block input[type="number"].input-donation {
      border: 1px solid var(--dark-bg2); }
      .donation-block .btn-donation:hover, .donation-block input[type="number"].input-donation:hover {
        border-color: var(--element1-color) !important; }
    .donation-block .wrapper {
      display: flex;
      flex-direction: column; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .donation-block {
    max-height: fit-content; }
    .donation-block .text-inner {
      margin-left: 0;
      margin-top: 0;
      max-width: 100%;
      width: 100%; }
    .donation-block .foto {
      height: 100%;
      width: 100%;
      position: relative; }
      .donation-block .foto .image {
        height: 100%; }
    .donation-block .title {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 0 15px; }
      .donation-block .title .title-text {
        font-size: 35rem;
        margin-bottom: 10px;
        color: var(--secondary-title);
        text-shadow: none;
        font-weight: 800; }
      .donation-block .title .subtitle {
        font-size: 28rem;
        margin-bottom: 30px;
        color: var(--secondary-title);
        text-shadow: none; }
    .donation-block .text {
      position: relative;
      padding: 45px 15px; }
    .donation-block .subtitle {
      margin-top: 10px;
      font-size: 29rem;
      margin-bottom: 25rem;
      text-shadow: none;
      color: var(--primary-text); }
    .donation-block .wrapper {
      display: flex;
      flex-direction: column; }
    .donation-block p, .donation-block ul li, .donation-block ol li, .donation-block a {
      font-size: 21rem;
      color: var(--primary-text);
      text-shadow: none; }
    .donation-block .btn-donation, .donation-block input[type="number"].input-donation {
      border: 1px solid var(--dark-bg2); }
      .donation-block .btn-donation:hover, .donation-block input[type="number"].input-donation:hover {
        border-color: var(--element1-color) !important; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .donation-block {
    max-height: calc(100vh - 100px); }
    .donation-block .text-inner {
      margin-left: 0;
      margin-top: 6%;
      max-width: 100%;
      width: 500px; }
    .donation-block .title {
      font-size: 36rem;
      margin-bottom: 10px; }
    .donation-block .subtitle {
      margin-top: 10px;
      font-size: 27rem;
      margin-bottom: 25rem; } }
@media (min-width: 1200px) and (max-width: 1579.5px) {
  .donation-block {
    max-height: calc(100vh - 128px); }
    .donation-block .text-inner {
      margin-left: 0;
      margin-top: 6%;
      max-width: calc(100%);
      width: 580px; } }

/*# sourceMappingURL=donation_block.css.map */