.upcoming-events .cm-image-wrap img {
  width: 387px;
  height: 304px;
  object-fit: cover;
}

.upcoming-events {
  padding: 34px 0 35px;
}

.upcoming-events .cm-row {
  display: flex;
  flex-wrap: wrap;
}

.upcoming-events .cm-image-wrap {
  width: 387px;
}

.upcoming-events .cm-content-wrap {
  width: calc(100% - 387px);
  padding-left: 33px;
  padding-top: 50px;
}

.upcoming-events .cm-content-wrap h3 {
  font-family: wfont_088b96_3fc79ffa166a489391814faa1b2cc495,wf_3fc79ffa166a489391814faa1,orig_roboto_bold;
  font-size: 30px;
  margin-bottom: 13px;
}

.upcoming-events .cm-content-wrap p {
  font-family: wfont_088b96_74d56e36a47048a28e541bb2ea280d47,wf_74d56e36a47048a28e541bb2e,orig_roboto_light;
  font-size: 18px;
  text-align: justify;
  max-width: 524px;
}

.upcoming-events .event-btn a {
  -st-extends: StylableButton;
  transition: all 0.2s ease, visibility 0s;
  border-radius: 8px;
  border: 0px solid #3B3A3A;
  background: #00FFBD;
  transition: inherit;
  font-size: 15px;
  font-family: roboto-bold,roboto,sans-serif;
  font-weight: 400;
  color: #004C36;
  letter-spacing: 0em;
  display: flex;
  max-width: 155px;
  height: 40px;
  padding: 5px;
  justify-content: center;
  align-items: center;
    transition: all 0.2s ease, visibility 0s;
}

.upcoming-events .event-btn {
  margin-top: 37px;
}

.upcoming-events .event-btn a:hover {
    border: 0px solid rgb(0, 255, 189);
    background: #E5E5E6;
    color: #fff;
}


@media (max-width:767px) {
  .upcoming-events .cm-image-wrap img {
    width: 240px;
    height: 188px;
    object-fit: cover;
  }
  .upcoming-events .cm-image-wrap {
    width: 100%;
    padding: 0 20px;
    text-align: center;
  }
  .upcoming-events .cm-row {
    display: block;
  }
  .upcoming-events .cm-content-wrap {
    width: 100%;
    padding: 18px 15px;
    text-align: center;
    padding-right: 14px;
  }
  .upcoming-events {
    padding-top: 0;
    padding-bottom: 0;
  }
  .upcoming-events .cm-content-wrap h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .upcoming-events .cm-content-wrap p {
    font-size: 14px;
    max-width:100%;
  }
  .upcoming-events .event-btn a {
    max-width: 200px;
    height: 42px;
    margin: 0 auto;
  }
  .upcoming-events .event-btn {
    margin-top: 73px;
  }
}