.ws-panel-grid .ws-panel-grid-content {
  display: grid;
  grid-gap: 2rem;
}

.ws-panel-grid .ws-panel-grid-content.col-2 {
  grid-template-columns: 1fr 1fr;
}

.ws-panel-grid .ws-panel-grid-content .ws-panel-icon {
  margin-bottom: 1rem;
}

.ws-panel-grid .ws-panel-grid-content .ws-panel-icon img {
  max-height: 3rem;
  max-width: 100%;
  width: auto;
}

.ws-panel-grid .ws-panel-content h1,
.ws-panel-grid .ws-panel-content h2,
.ws-panel-grid .ws-panel-content h3,
.ws-panel-grid .ws-panel-content h4,
.ws-panel-grid .ws-panel-content h5,
.ws-panel-grid .ws-panel-content h6 {
  margin-bottom: 1rem;
}

.ws-panel-grid .ws-panel-background {
  background-size: cover;
  background-position: center;
}

.ws-panel-grid .ws-panel-item .ws-panel-button {
  margin: 0 1.5rem 2rem;
}

.ws-panel-grid .ws-panel-item.has-background {
  display: grid;
  grid-template-rows: minmax(250px, 35%) minmax(250px, 1fr) auto;
  padding-top: unset;
}

.ws-panel-grid .ws-panel-item.has-background .ws-panel-body {
  min-height: unset;
}

@media screen and (min-width: 768px) {

  

  .ws-panel-grid .ws-panel-grid-content {
    grid-gap: 3rem;
  }

  .ws-panel-grid .ws-panel-grid-content.col-2-desktop {
    grid-template-columns: 1fr 1fr;
  }

  .ws-panel-grid .ws-panel-grid-content.col-3-desktop {
    grid-template-columns: repeat(3, 1fr);
  }

  .ws-panel-grid .ws-panel-grid-content.col-4-desktop {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .ws-panel-grid .ws-panel-grid-content .ws-panel-button:hover {
    color:#fff;
    background-color:#262B65;
  }

  .ws-panel-grid .ws-panel-body {
    padding: 1.5rem;
  }
}