/*.blueBoll {
  background: #04a6e1;
  border: 1px solid #0097dc;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}
.blueBollFill{
  border: 1px solid #0097dc;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}
.greenBoll {
  background: #74bc1f;
  border: 1px solid #53ac00;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}
.greenBollFill{
  border: 1px solid #72bc1d;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}

.grayBoll {
  background: #e6e6e6;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}
*/

.img_szw{
  /*width: 100%;
   border: 2px solid green;
  background-color: yellow; */
}

.firstText_SZW {
  position: absolute;
  z-index: 1;
  width: 50%;
  /*height: 60px;*/
  left: 0px;
  top: -35%;
  margin-top: 0px;
  /* border: 1px solid red; */
}

.hero_01_szw_img img{
  width: 100%;
  /* border: 2px solid blue; */
}

.hero_01_szw_button{
  position: absolute;
  z-index: 1;
  /*width: 50%;
  height: 60px;*/
  left: 68%;
  top: 85%;
  margin-top: 0px;
  /* border: 1px solid pink; */
}

/* HERO 2 */
.hero_02_szw{
  margin-top: 100px;
}

.secondText_SZW {
  position: absolute;
  z-index: 1;
  width: 50%;
  /*height: 60px;*/
  left: 50%;
  top: -25%;
  margin-top: 0px;
  /* border: 1px solid red; */
}

.hero_02_szw_button{
  position: absolute;
  z-index: 1;
  /*width: 50%;
  height: 60px;*/
  left: 51%;
  top: 85%;
  margin-top: 0px;
  /* border: 1px solid pink; */
}

/* HERO 3 */
.hero_03_szw{
  margin-top: 100px;
}

.thirdText_SZW {
  position: absolute;
  z-index: 1;
  width: 50%;
  /*height: 60px;*/
  left: 1%;
  top: -28%;
  margin-top: 0px;
  /* border: 1px solid red; */
}

.hero_03_szw_button{
  position: absolute;
  z-index: 1;
  /*width: 50%;
  height: 60px;*/
  left: 15%;
  top: 86%;
  margin-top: 0px;
  /* border: 1px solid pink; */
}

/* HERO 4 */
.hero_04_szw{
  margin-top: 100px;
}

.fourthText_SZW {
  position: absolute;
  z-index: 1;
  width: 50%;
  /*height: 60px;*/
  left: 50%;
  top: -49%;
  margin-top: 0px;
  /* border: 1px solid red; */
}

.hero_04_szw_button{
  position: absolute;
  z-index: 1;
  /*width: 50%;
  height: 60px;*/
  left: 73%;
  top: 83%;
  margin-top: 0px;
  /* border: 1px solid pink; */
}

/* HERO 5 */
.hero_05_szw{
  margin-top: 100px;
}

.fifthText_SZW {
  position: absolute;
  z-index: 1;
  width: 50%;
  /*height: 60px;*/
  left: 1%;
  top: -28%;
  margin-top: 0px;
  /* border: 1px solid red; */
}

.hero_05_szw_button{
  position: absolute;
  z-index: 1;
  /*width: 50%;
  height: 60px;*/
  left: 37%;
  top: 84%;
  margin-top: 0px;
  /* border: 1px solid pink; */
}

@media (max-width: 720px) {
  body{
    .hero_cont_SZW {
      margin-top: -50px;
    }
    .hero_01_szw_img{
      width: 100%;
      margin-top: -100px;
      /* border: 2px solid palevioletred;
      background-color: pink; */
    }

    .img_szw{
      width: 100%;
    }

    .textBox_SZW{
      width: 100%;
      left: auto;
      position: relative;
    }

    .fifthText_SZW{
      width: 100%;
      /* border:1px solid black; */
    }

    .szw_button{
      width: 100%;
      /* border:1px solid green; */
      left: auto;
      position: relative;
      text-align: center;
    }

    .hero_05_szw{
      margin-bottom: 50px;
    }

  }
}