.general-grid .tile{
  position: relative;
  margin-bottom: 1em;
}
.general-grid .tile ul{
  margin-left:20px;
}
.general-grid .tile .tile-content{
  width: 100%;
  height: 100% !important;
  overflow: hidden;
  position: relative;
  padding: 0 1em;
}
.general-grid .tile .pictureregular{
  height: 250px;
  margin-bottom: 1em;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.general-grid .tile .picturefullcover{
  height: 250px;
  margin-bottom: 1em;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.general-grid h3 {
  color: var(--primarycolor);
}
.general-grid .fivecolmagic {
  width:20%;
}

@media only screen and (max-width: 991px) {
  .general-grid .fivecolmagic {
    width:33.3%;
    justify-content: center;
  }
  .general-grid .fivecolmagic .tile .pictureregular {
    height: 200px;
}
@media only screen and (max-width: 767px) {
  .general-grid .textholder {
    padding: 0 0 20px;
  }
  .general-grid .fivecolmagic {
    width:33.3%;
    justify-content: center;
  }
}
@media only screen and (max-width: 450px) {
  .general-grid .fivecolmagic {
    width:50%;
  }
}