.aec-news-cards {
  margin: 0 auto ;
}

/* clearfix */
.aec-news-cards:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.aec-news-cards .grid-sizer,
.aec-news-cards .grid-card {
  width: 20%;
  
}

.aec-news-cards .grid-card .card {
  margin: 1px;
  border: 1px solid #ccc;
}

.aec-news-cards .grid-card.large { width:  40%; }
.aec-news-cards .grid-card.full { width:  100%; }

.aec-news-cards .grid-card .card .card-img-overlay {
  color: #fff;
  top: initial;
}

.aec-news-cards .grid-card .card p {
  margin-bottom: 0;
}


.aec-news-cards .grid-card .card .video-ratio {
  width:100%;
  height:130px;
}

.aec-news-cards .grid-card.large .card .video-ratio {
  height:260px;
}

.aec-news-cards .grid-card .card iframe.masonry {
  width:100%;
  height:100%;
}

.aec-news-cards .grid-card .card .card-img-overlay.video {
  pointer-events: none;
}


@media screen and (max-width: 1190px) {

  .aec-news-cards .grid-card .card .video-ratio {
    width:100%;
    height:calc(100vw * 0.11);
  }
  
  .aec-news-cards .grid-card.large .card .video-ratio {
    height:calc(100vw * 0.22);
  } 
}

/*
.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }
*/
@media screen and (max-width: 1000px) {
  .aec-news-cards .grid-sizer,
  .aec-news-cards .grid-card {
    width: 33.33%;
  }
  .aec-news-cards .grid-card.large { width:  66.66%; }
  .aec-news-cards .grid-card .card .video-ratio {
    width:100%;
    height:calc(100vw * 0.19);
  }
  
  .aec-news-cards .grid-card.large .card .video-ratio {
    height:calc(100vw * 0.37);
  } 
}

@media screen and (max-width: 576px) {
  .aec-news-cards .grid-sizer,
  .aec-news-cards .grid-card {
    width: 100%;
  }
  .aec-news-cards .grid-card.large { width:  100%; }
  
  .aec-news-cards .grid-card .card .video-ratio{
    height:calc(100vw * 0.56);
  }
  .aec-news-cards .grid-card.large .card .video-ratio {
    height:calc(100vw * 0.56);
  } 
}