.flipbox4-container{
    display:grid;
    grid-template-columns: auto 18.75vw 5vw 18.75vw 5vw 18.75vw 5vw 18.75vw auto 17px;
    grid-template-rows: 5vw 3vw 18.75vw 5vw;
    width: 100vw;
    height: 31.75vw;
}
.headline_flipbox4{
  grid-area: 1 / 2 / span 1 / span 7;
  align-self: start;
  justify-self: center;
}
.flipbox1_4, .flipbox1_4_back{
  grid-area: 3 / 2 / span 1 / span 1;
  height: 28vw;
  cursor: pointer;
}
.flipbox1_4_back{
  display:none;
}
.flipbox2_4, .flipbox2_4_back{
  grid-area: 3 / 4 / span 1 / span 1;
  height: 28vw;
  cursor: pointer;
}
.flipbox2_4_back{
  display:none; 
}
.flipbox3_4, .flipbox3_4_back{
  grid-area: 3 / 6 / span 1 / span 1;
  height: 28vw;
  cursor: pointer;
}
.flipbox3_4_back{
  display:none; 
}
.flipbox4_4, .flipbox4_4_back{
  grid-area: 3 / 8 / span 1 / span 1;
  height: 28vw;

  cursor: pointer;
}
.flipbox4_4_back{
  display:none; 
}
  .flipbox1_4, .flipbox2_4, .flipbox3_4, .flipbox4_4 {
    width:  18.75vw;
    height: 18.75vw;
    cursor: pointer;

  }
.flipbox1_4_back, .flipbox2_4_back, .flipbox3_4_back, .flipbox4_4_back {
      cursor:   pointer;
      height:   14.75vw;
      width:    14.75vw;
      padding:  2vw;
  }
@media(min-width: 1400px) {
    .flipbox4-container{ 
    grid-template-columns: auto 262px 70px 262px 70px 262px 70px 262px auto 17px;
    grid-template-rows: 70px 42px 262px 35px 35px;
      height:444.5px;
}
  .flipbox1_4, .flipbox2_4, .flipbox3_4, .flipbox4_4 {
    width:262px;
    height: 262px;
  }
    .flipbox1_4_back, .flipbox2_4_back, .flipbox3_4_back, .flipbox4_4_back {
    width:196px;
    height: 196px;
    padding: 33px;
  }
}
@media(max-width: 900px) {
    .flipbox4-container{ 
    grid-template-columns: auto 39.125vw 7.25vw 39.125vw auto 17px;
    grid-template-rows: 7.25vw 3vw 39.125vw 7.25vw 39.125vw  7.25vw 7.25vw;
    height: 103vw;
}
.headline_flipbox4{
  grid-area: 1 / 2 / span 1 / span 3;
}
.flipbox1_4, .flipbox1_4_back{
  grid-area: 3 / 2 / span 1 / span 1;
}

.flipbox2_4, .flipbox2_4_back{
  grid-area: 3 / 4 / span 1 / span 1;
}
.flipbox3_4, .flipbox3_4_back{
  grid-area: 5 / 2 / span 1 / span 1;
}
.flipbox4_4, .flipbox4_4_back{
  grid-area: 5 / 4 / span 1 / span 1;
}

.flipbox1_4, .flipbox2_4, .flipbox3_4, .flipbox4_4 {
    width: 39.125vw;
    height: 39.125vw;
  }
.flipbox1_4_back, .flipbox4_4_back {
    width: 33.125vw;
    height: 33.125vw;    
    padding: 3vw;
  }
.flipbox2_4_back, .flipbox3_4_back {
    width:33.125vw;
    height: 33.125vw;    
    padding: 3vw;
  }


}
/*@media(max-width: 550px) {
.flipbox1_4_back{
  grid-area: 3 / 2 / span 3 / span 1;
  height: 40vw;
  width: 88vw;
  z-index:2;
}
.flipbox2_4_back{
  grid-area: 3 / 4 / span 1 / span 3;
  height: 88vw;
  width: 40vw;
  z-index:2;
}
.flipbox3_4_back{
  grid-area: 5 / 2 / span 1 / span 3;
  height: 88vw;
  width: 40vw;
  z-index:2;
}
.flipbox4_4_back{
  grid-area: 5 / 2 / span 3 / span 1;
  height: 40vw;
  width: 88vw;
  z-index:2;
}
}