#verso-bar-c {
  /* display: grid; */
  display: none;
}
#verso-bar-c-first-area {
  height: 250px;
}
#verso-bar-c-first-area .imgDiv {
  background-image: url("../images/h2-masonary-img-5.jpg");
}
#verso-bar-c-second-area {
  background-image: url("../images/h2-masonary-img-png-3.png");
  background-repeat: no-repeat;
  background-position: center;
}
#verso-bar-c-third-area .imgDiv {
  background-image: url("../images/h2-masonary-img-6.jpg");
}
#verso-bar-c-fourth-area {
  background-image: url("../images/h2-masonary-img-png-4.png");
  background-repeat: no-repeat;
  background-position: center;
}
/* SPECIAL WIDTH */
@media only screen and (min-width: 1025px) {

  #verso-bar-c {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 0px;
  }

  #verso-bar-c-first-area {
    grid-area: 1 / 1 / 3 / 3;
  }
  #verso-bar-c-second-area {
    grid-area: 1 / 3 / 3 / 5;
  }
  #verso-bar-c-third-area {
    grid-area: 1 / 5 / 3 / 7;
  }
  #verso-bar-c-fourth-area {
    grid-area: 1 / 7 / 3 / 9;
  }
}


@media only screen and (min-width: 680px) and (max-width: 1026px) {
  #verso-bar-c {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  #verso-bar-c-first-area {
    height: 283px;
    grid-area: 1 / 1 / 3 / 3;
  }
  #verso-bar-c-second-area {
    grid-area: 1 / 3 / 3 / 5;
  }
  #verso-bar-c-third-area {
    grid-area: 3 / 1 / 5 / 3;
  }
  #verso-bar-c-fourth-area {
    grid-area: 3 / 3 / 5 / 5;
  }

}

@media only screen and (max-width: 679px) {
  #verso-bar-c {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  #verso-bar-c-first-area {
    height: 280px;
    grid-area: 1 / 1 / 2 / 2;
  }
  #verso-bar-c-second-area {
    grid-area: 2 / 1 / 3 / 2;
  }
  #verso-bar-c-third-area {
    grid-area: 3 / 1 / 4 / 2;
  }
  #verso-bar-c-fourth-area {
    grid-area: 4 / 1 / 5 / 2;
  }
}