.grid-container {
  display: grid;
  grid-gap: 0 2%;
  padding: 2% 4vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.grid-container__1,
.grid-container__2,
.grid-container__3,
.grid-container__4,
.grid-container__5 {
  grid-template-columns: 100%;
}

.grid-container-mobile__2 {
    grid-template-columns: repeat(2, minmax(0, 0.5fr));
    padding: 0;
}

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

.grid-container__2,
.grid-container__3,
.grid-container__4,
.grid-container__5,
.grid-container__6 {
  grid-template-columns: repeat(2, minmax(0, 0.5fr));
}

}

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

.grid-container__6 {
  grid-template-columns: repeat(3, minmax(0, 0.33fr));
}


.grid-content-30-70 {
    grid-template-columns: 30% 70%;
}

}

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

.grid-container__3 {
  grid-template-columns: repeat(3, minmax(0, 0.3333fr));
}

.grid-container__4 {
  grid-template-columns: repeat(4, minmax(0, 0.25fr));
}

.grid-container__5 {
  grid-template-columns: repeat(5, minmax(0, 0.2fr));
}

.grid-container_40_60 {
    grid-template-columns: 40% auto;
}

.grid-container_30_70 {
    grid-template-columns: 30% auto;
}

.grid-container__6 {
  grid-template-columns: repeat(4, minmax(0, 0.25fr));
}

}

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

.grid-container__6 {
  grid-template-columns: repeat(6, minmax(0, 0.18fr));
}

}

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

}

@media only screen and (max-width: 680px) {
    .wp-block-group.is-layout-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}


@media only screen and (min-width: 680px) and (max-width: 960px) {
    .wp-block-group.is-layout-grid {
        grid-template-columns: repeat(2, minmax(0, 0.5fr));
    }
}

@media only screen and (min-width: 960px) and (max-width: 1200px) {
    .wp-block-group.is-layout-grid {
        grid-template-columns: repeat(3, minmax(0, 0.3333fr));
    }
}