.card-deck.grid{
  .grid-wrapper{

    width: 700px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    gap: 16px 16px;

    .card{
      .subheadline{
        max-height:120px;
        overflow-y:scroll;
      }
      .rtBibleRef{
        color: white;
      }
    }
  }
}
@media screen and (min-width: 768px){
  .card-deck.grid{
    .grid-wrapper{

      width: 700px;
      margin: 0 auto;

      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr;
      grid-template-areas:
        "item-1 item-1"
        "item-2 item-3"
        "item-4 item-5"
        "item-6 item-6";


      .card:first-child {
        grid-area: item-1;
        background-color: pink;
      }
      .card:nth-child(2) {
        grid-area: item-2;
        background-color:green;
      }
      .card:nth-child(3) {
        grid-area: item-3;
        background-color:yellow;
      }
      .card:nth-child(4) {
        grid-area: item-4;
        background-color:green;
      }
      .card:nth-child(5) {
        grid-area: item-5;
        background-color:yellow;
      }
      .card:last-child {
        grid-area: item-6;
        background-color:yellow;
      }
    }
  }
}
/*# sourceMappingURL=cardgrid-min.css.map */