.page-recent-events-at-complit .view-recent-events.view-id-recent_events .view-content {
  border-top: 1px solid #ccc;
}
.page-recent-events-at-complit .views-row {
      border-bottom: 1px solid #ccc;
      padding: 20px 0;
      overflow: auto;
}

.page-recent-events-at-complit .views-row > a > img {
    float: left;
    margin-right: 20px;
}

.views-field-title {font-size: 1.25em; font-weight: bold; margin-bottom: 5px;}

.date-display-single { display: block; color: #666; font-style: italic; margin-bottom: 0.5em; font-size: 0.9em;}


@media only screen and (min-width: 320px) {
  .page-recent-events-at-complit h1.page-title { width: 100%; margin-left: 0; margin-top: 0; padding: 0 10px; }
  .page-recent-events-at-complit .view-recent-events.view-id-recent_events {
    width:  100%;
    right: 0;
    margin-left: 0;
    padding: 0 10px;
  }
}
@media only screen and (min-width: 768px) {
  .page-recent-events-at-complit h1.page-title { width: calc(70% - 40px); margin-left: calc(30% + 40px); margin-top: 10px; padding: 0; }
  .page-recent-events-at-complit .view-recent-events.view-id-recent_events {
    width:  calc(70% - 40px);
    right: 0;
    margin-left: calc(30% + 40px);
    padding: 0 5px;
  }
}
@media only screen and (min-width: 1200px) {
  .page-recent-events-at-complit h1.page-title { width: 880px; margin-left: 240px; }
  .page-recent-events-at-complit .view-recent-events.view-id-recent_events {
    width: 880px;
    margin-left: 240px;
  }
}


.front .content-area .block.last .block-title {
    width: 100%;
}
    
 .node-type-home-page .content-area .block.last {
     
 }
 .node-type-home-page .content-area .block.last > div {background-color: unset; padding: 20px 18px;}
 
 .node-type-home-page .view-recent-events.view-id-recent_events { border: 1px solid #ccc; }

.more-link a {
    font-weight: 700;
    font-size: 12px;
    color: #5D584F;
}
 
@media only screen and (min-width: 320px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (min-width: 1200px) {
    margin: 0 4.9% 0 0;
}