/* Media Query for Mobile Devices */
@media (max-width: 480px) {
  .buttonBim {
    position: absolute;
    z-index: 2;
    top: 175px;
    left: 175px;

  }

  .buttonHse {
    position: absolute;
    z-index: 2;
    top: 210px;
    left: 50px;

  }

  .buttonScope {
    position: absolute;
    z-index: 2;
    top: 210px;
    right: 5px;
  }

  .buttonResource {
    position: absolute;
    z-index: 2;
    top: 260px;
    left: 40px;

  }

  .buttonTime {
    position: absolute;
    z-index: 2;
    top: 260px;
    right: 25px;

  }

  .buttonDeliverable {
    position: absolute;
    z-index: 2;
    top: 320px;
    left: 60px;

  }

  .buttonCost {
    position: absolute;
    z-index: 2;
    top: 320px;
    right: 60px;

  }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
  .buttonBim {
    position: absolute;
    z-index: 2;
    top: 150px;
    left: 200px;

  }

  .buttonHse {
    position: absolute;
    z-index: 2;
    top: 180px;
    left: 60px;

  }

  .buttonScope {
    position: absolute;
    z-index: 2;
    top: 180px;
    right: 45px;

  }

  .buttonResource {
    position: absolute;
    z-index: 2;
    top: 270px;
    left: 40px;

  }

  .buttonTime {
    position: absolute;
    z-index: 2;
    top: 270px;
    right: 40px;

  }

  .buttonDeliverable {
    position: absolute;
    z-index: 2;
    top: 350px;
    left: 100px;

  }

  .buttonCost {
    position: absolute;
    z-index: 2;
    top: 350px;
    right: 100px;

  }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 900px) {
  .buttonBim {
    position: absolute;
    z-index: 2;
    top: 30px;
    left: 320px;

  }

  .buttonHse {
    position: absolute;
    z-index: 2;
    top: 120px;
    left: 70px;

  }

  .buttonScope {
    position: absolute;
    z-index: 2;
    top: 120px;
    right: 120px;

  }

  .buttonResource {
    position: absolute;
    z-index: 2;
    top: 300px;
    left: 40px;

  }

  .buttonTime {
    position: absolute;
    z-index: 2;
    top: 300px;
    right: 100px;

  }

  .buttonDeliverable {
    position: absolute;
    z-index: 2;
    top: 460px;
    left: 150px;

  }

  .buttonCost {
    position: absolute;
    z-index: 2;
    top: 460px;
    right: 200px;

  }
}
 /*150% 1920x1080*/
/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1440px) {
  .buttonBim {
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 330px;

  }

  .buttonHse {
    position: absolute;
    z-index: 2;
    top: 100px;
    left: 130px;

  }

  .buttonScope {
    position: absolute;
    z-index: 2;
    top: 100px;
    right: 200px;

  }

  .buttonResource {
    position: absolute;
    z-index: 2;
    top: 310px;
    left: 90px;

  }

  .buttonTime {
    position: absolute;
    z-index: 2;
    top: 310px;
    right: 210px;

  }

  .buttonDeliverable {
    position: absolute;
    z-index: 2;
    top: 480px;
    left: 210px;

  }

  .buttonCost {
    position: absolute;
    z-index: 2;
    top: 480px;
    right: 340px;

  }
}

/*125% 1920x1080*/
/* Media Query for Large screens */
@media (min-width: 1441px)and (max-width: 1600px) {
  .buttonBim {
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 430px;

  }

  .buttonHse {
    position: absolute;
    z-index: 2;
    top: 120px;
    left: 220px;

  }

  .buttonScope {
    position: absolute;
    z-index: 2;
    top: 120px;
    right: 320px;

  }

  .buttonResource {
    position: absolute;
    z-index: 2;
    top: 310px;
    left: 180px;

  }

  .buttonTime {
    position: absolute;
    z-index: 2;
    top: 310px;
    right: 360px;

  }

  .buttonDeliverable {
    position: absolute;
    z-index: 2;
    top: 490px;
    left: 320px;

  }

  .buttonCost {
    position: absolute;
    z-index: 2;
    top: 490px;
    right: 490px;

  }
}

/*100% 1920x1080*/
/* Media Query for Large screens */
@media (min-width: 1601px)and (max-width: 1920px) {
  .buttonBim {
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 590px;

  }

  .buttonHse {
    position: absolute;
    z-index: 2;
    top: 120px;
    left: 320px;

  }

  .buttonScope {
    position: absolute;
    z-index: 2;
    top: 120px;
    right: 490px;

  }

  .buttonResource {
    position: absolute;
    z-index: 2;
    top: 330px;
    left: 260px;

  }

  .buttonTime {
    position: absolute;
    z-index: 2;
    top: 330px;
    right: 510px;

  }

  .buttonDeliverable {
    position: absolute;
    z-index: 2;
    top: 530px;
    left: 450px;

  }

  .buttonCost {
    position: absolute;
    z-index: 2;
    top: 530px;
    right: 680px;

  }
}



.backButton {
  position: fixed;
  bottom: 0;
  right: 20px;
  font-size: 40px;
  z-index: 9999;
  }