/*
  v1
*/

.q1-section-bg {
  background: url("../jpg/q1_desk.jpg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.q2-section-bg {
  background: url("../jpg/q2_desk.jpg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.q3-section-bg {
  background: url("../jpg/q3_desk.jpg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.q4-section-bg {
  background: url("../jpg/q4_desk.jpg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.q5-section-bg {
  background: url("../jpg/q5_desk.jpg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

@media all and (max-width: 768px) {
  .q1-section-bg {
    background: url("../jpg/q1_mob.jpg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .q2-section-bg {
    background: url("../jpg/q2_mob.jpg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .q3-section-bg {
    background: url("../jpg/q3_mob.jpg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .q4-section-bg {
    background: url("../jpg/q4_mob.jpg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .q5-section-bg {
    background: url("../jpg/q5_mob.jpg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
}