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

  --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: 20px;
}


@media screen and (min-width: 960px)  {
   .grid-item > svg {
      width: 50%;
      }
   }


@media screen and (min-width: 0px) and (max-width: 959px) {
   .grid-item > svg {
      width: 100%;
      }
   }



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

.grid-container-1 .grid-item, .grid-container-1 .grid-item-image, select {
   align-items: center;
   font-size: 13px;
   justify-content: center;
   min-height: 50px;
   position: relative;
   width: 100%;
   text-align: center;
   }

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

.grid-container-1 .grid-item-content {
   padding: 5px;
   padding-bottom: 15px;
   margin: 0.5rem 0 1rem 0;
   }
.grid-container-1 .grid-item-content p {
   margin : 0.2rem 0;
   }

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

.divImgCenter {
   text-align: center;
   }

.divImgCenter img {
   margin: 0px auto;
   width: auto !important;
   }

