.grid-container-2 {
  --grid-layout-gap: 10px;
  --grid-column-count: 2;
  --grid-item--min-width: 200px;

  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
  grid-gap: var(--grid-layout-gap);
   margin-bottom: 0px;
}


.grid-container-2 .grid-btn {
   margin-top: 10px;
   margin-bottom: 2px;
   margin-right: 5px;
   padding: 2px;
   text-align: center;
   color: #fff;
   font-weight: bold;
   display: inline-block;
   background-color: #74AF61;
   width: 100px;
   }
.grid-container-2 .grid-btn a {
   color: #fff;
   }

.grid-container-2 .grid-item, .grid-container-2 .grid-item-image, select {
  display: flex;
   align-items: center;
   justify-content: center;
   min-height: 50px;
   position: relative;
   width: 100%;
   }

.grid-container-2 .grid-item-image img {
   width: 100%;
   }

.grid-container-2 .grid-item-content {
   padding: 0px;
   padding-bottom: 0px;
   margin: 0;
   width: 100%;
   }
.grid-container-2 .grid-item-content p {
   margin : 0;
   }

.grid-container-2 .grid-item h5 {
   line-height: normal;
   padding: 5px;
   }

.grid-item-youtube {
  position: relative;
  overflow: hidden;
  width: 100%;
//  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  padding-top: 67%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
