/* Create a Parallax Effect */
  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }

  /* first image (About Us) */
  .bgimg-1 {
      background-image: url("../pic/about.jpg");
      min-height: 400px;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }

  /* second image (Benefit) */
  .bgimg-2 {
      background-image: url("../pic/benefitt.jpg");
      min-height: 400px;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }

  /*image(download)*/
  .bgimg-3{
    background-image: url("../pic/download.jpg");
    min-height: 400px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }

  /*image(ourbusiness)*/
  .bgimg-4{
    background-image: url("../pic/business.jpg");
    min-height: 400px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }

  .bg-wide {letter-spacing: 2px;}
  .bg-hover-opacity {cursor: pointer;}

  /* Turn off parallax scrolling for tablets and phones */
  @media only screen and (max-device-width: 1024px) {
      .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
          background-attachment: scroll;
      }
  }