@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');

  .upcoming-issue-banner {
    background: #000;
    font-family: 'Abril Fatface', cursive;
    padding: 0 20px 20px;
    text-align: right;
  }

  .upcoming-issue-banner h1,
  .upcoming-issue-banner div {
    font-family: 'Abril Fatface', cursive !important;
  }

  .upcoming-issue-banner h1 {
    color: #fff200;
    font-size: 6rem;
    margin: 0;
  }

  .upcoming-issue-banner div {
    color: #fff;
    font-size: 2.3rem;
    margin: -30px 0 0 0;
  }

  .upcoming-issue-banner div:last-child {
    margin-top: 10px;
  }

  .upcoming-issue-banner div:last-child p {
    background: none;
    color: #fff200;
    display: inline-block;
    font-family: open sans !important;
    font-size: 1rem;
    padding: 10px;
    text-transform: uppercase;
  }

 .h-donate-btn a {
    padding: 15px;
    background: #ed1c24;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
  }

  .h-donate-btn a:hover {
    color: #fff;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, .5);
  }

  @media all and (max-width: 750px) {
    .upcoming-issue-banner h1 {
      font-size: 5rem;
    }

    .upcoming-issue-banner div {
        color: #fff;
        font-size: 1.8rem;
        margin-top: -10px;
      }

    .upcoming-issue-banner div:last-child p {
      font-size: 1rem;
    }
  }

  @media all and (max-width: 560px) {
    .upcoming-issue-banner h1 {
      font-size: 3.0rem;
    }

    .upcoming-issue-banner div {
      color: #fff;
      font-size: 1.1rem;
    }

    .upcoming-issue-banner div:last-child p {
      font-size: 0.6rem;
      padding: 4px 10px;
    }
    .upcoming-issue-banner div:last-child {
      margin-top: 5px;
    }
}