.upcoming-events .view-header, .upcoming-events .view-content  {
  width: 25%;
  float:left;
  margin-right: 0;
  margin-left: 0;
}
.upcoming-events .attachment-after, .upcoming-events .attachment-after .views-element-container {
  width: 50%;
  float:left;
}
.upcoming-events2 .view-content, .upcoming-events3 .view-content {
  width: 100%;
}
.upcoming-events h3 {
  margin-bottom: 0;
  font-size: 1.3em;
  font-family: 'CoreSansMedium', 'Arial','Helvetica', sans-serif;
}
.upcoming-events h3 a:hover, .upcoming-events h4 a:focus  {
  text-decoration: none;
  border-bottom: 1px solid deeppink;
}
.upcoming-events h4 {
  font-family: 'CoreSansCaption', 'Arial','Helvetica', sans-serif;
  letter-spacing: 0.02em;
  font-size: 1em;
}
.upcoming-events .item-list {
  width: 100%;
}
.upcoming-events .item-list li {
  margin-bottom: 0.5em;
}
@media (max-width: 768px) {
  .upcoming-events .view-header {
    width:100%;
    display:inline-block;
    margin-bottom: 1em;

  }
  .upcoming-events .view-header  h2 {
    display:inline-block;
  }
  .upcoming-events .view-header a.cap-link {
    display:inline-block;
    margin-left: 20px;
    font-size:0.9em;
  }
  .upcoming-events .view-content {
    width: 100%;
  }
  .upcoming-events .attachment-after {
    width: 100%;
  }
  .upcoming-events .attachment-after .view-content{
    width: 100%;
  }
  .upcoming-events .attachment-after .views-element-container {
    width: 100%;
    padding-right:0;
    padding-left:0;
  }

}
@media (max-width: 570px) {
  .upcoming-events .view-header  h2 {
    display:block;
  }
  .upcoming-events .view-header a.cap-link {
    margin-left:0;
  }
}