/* Default: Hide mobile image and show desktop image */
.responsive-image-wrapper .mobile-image {
  display: none;
}

.responsive-image-wrapper .desktop-image {
  display: block;
}

/* For screens up to 767px: Show mobile image and hide desktop image */
@media (min-width: 767px) {
  div#feat_image {
    max-width: 65%;
    margin: 2% 4%;
  }
}
@media (max-width: 767px) {
  div#feat_image {
    max-width: 100%;
    margin: 1% 2%;
  }
  .responsive-image-wrapper .mobile-image {
    display: block;
  }

  .responsive-image-wrapper .desktop-image {
    display: none;
  }
}
.node-link a{
  display: inline-block;
        padding: 10px 20px;
        text-transform: uppercase;
        background-color: #d60c14;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 1.2em;
}
.title_wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 20px;
}
.event-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #e7c641;
  color: #fff;
  font-size: 18px;
  padding: 5px 15px;
}
.node-title a {
  color: #000;
  font-weight: 900;
}




.title_wrapper {
  margin: 1% 0%;
}

.node-body {
  margin: 1% 0% 2% 0%;
  font-size: 18px;
}