.arbutus-regular {
  font-family:  serif;
  font-weight: bold;
  /*font-style: italic;*/
  font-weight: bold;
  position: absolute;
  z-index: 30;
  margin: 2rem 6rem;
  font-size: 2rem;
}
/* ----------------------------------- */
.slide1-text2 {
  width: 40%;
  height: auto;
  font-size: 2rem;
  position: absolute;
  z-index: 20;
  margin-top: 6rem;
  margin-left: 2rem;

}
/* ----------------------------------- */

/* 2222222222222222222222222222222222222222 */

.slide2-text2 {
  /* width: 70%; */
  /* height: 30%; */
  margin-top: -3.2rem;
  /* margin-left: 8rem; */
  /*font-size: 2.5rem;*/
  color: rgb(0, 0, 0);
  position: absolute;
  z-index: 20;
  font-family: Sans-Serif;
  /* border: 1px solid red; */
  
}

/* .sd2-text {
  display: flex;
  justify-content: center;

} */
.slide2-text2 {

  margin-top: 3rem;
  margin-left: 6rem;
  font-weight: bold;
  text-align: left;
  color: #275f3d;
  z-index: 20;
  position: absolute;
  font-size: 2rem;
  /*font-style: italic;*/
}
.slide3-text2 {
  width: 50%;
  text-align: center;

  margin-top: 2%;
  font-size: 3rem;
  color: rgb(255, 255, 255);
  position: absolute;
  z-index: 20;
}
/* .slide4-text {
  margin-top: 0px;
  padding: 5rem 5rem 0 3rem;
  font-size: 3rem;
  position: absolute;
  font-weight: bold;
  color: blueviolet;
  z-index: 20;
} */
.slide4-text2 {
  color: rgb(60, 63, 58);
  width: 100%;
  text-align: center;
  padding: 4rem 5rem 0 3rem;
  font-size: 3rem;
  font-weight: bold;
  position: absolute;
  z-index: 20;
}
.typing-effect{
  margin-bottom: 5rem;

}
@media (max-width: 1440px) {
  .slide2-text2 {
    width: 70%;
    margin: 20rem 5rem;
    font-size: 2rem;
  }
}


@media (max-width: 1024px) {
  .slide1-text {
    padding: 5rem 5rem 0 3rem;
    font-size: 2rem;
  }
  .slide1-text2 {
    width: 50%;
    /* height: 80%; */
    /* border: 1px solid red; */
    padding: 10rem 5rem 0 3rem;
    font-size: 1.3rem;
  }
  .slide3-text2 {
    font-size: 2rem;
    margin-top: 5%;
  }
  /* .slide2-text2 {
    width: 50%;
    margin: 16rem 5rem;
    font-size: 1.5rem;
  } */
  .slide4-text2 {
    font-size: 1.5rem;
  }
}

@media (max-width: 768px) {

  .arbutus-regular{
    font-size: 1.5rem;
    margin-top: 4rem;
  }
  .slide1-text2 {
    width: 50%;
    padding: 0rem 5rem 0 3rem;



    font-size: 1rem;
    
  }
  /* .slide2-text2 {
    width: 50%;
    height: 40%;
    margin: 12.5rem 5rem;
    font-size: 1.1rem;
    color: #000;
  } */

  .slide4-text2 {
    font-size: 1.5rem;
  }
  .slide3-text2 {
    width: 60%;

    margin-top: 0%;
    font-size: 1.5rem;
  }
/* ------------------------------ */

/* ------------------------------ */

  .slide4-text {
    padding: 4rem 4rem 0 3rem;
    font-size: 2rem;
  }
  .slide4-text2 {
    font-size: 1.2rem;
  }
}
@media (max-width: 500px) {


  #text-container {
    color: rgb(8, 11, 9);
    font-weight: normal;
    text-align: left;
    margin-right: 2rem;
    /* border: 2px solid red; */
    width: 20rem;
  }
  .slide1-text2 {
    width: 70%;
    line-height: 1rem;
    padding: 4rem 1rem 0 1rem;
    font-size: 0.8rem;
  }
  /* .slide2-text2 {
    width: 90%;
    margin: 6.7rem 1rem;
    font-size: 0.7rem;
  } */

  .slide4-text2 {
    font-size: 1.5rem;
  }
  .slide3-text2 {
    width: 60%;
    text-align: center;
    margin-top: 2%;
    font-size: 10px;
    z-index: 20;
  }

/* ----------------------------- */



  .slide4-text {
    padding: 1rem 2rem 0 1.5rem;
    font-size: 1.5rem;
  }
  .slide4-text2 {
    font-size: 1rem;
    width: 90%;
    padding: 3rem 1rem 0 1rem;
  }
}
@media (max-width: 350px) {
  .slide1-text {
    padding: 1rem 2rem 0 2rem;
    font-size: 0.8rem;
  }
  .slide1-text2 {
    width: 50%;
    padding: 2.5rem 2rem 0 2rem;
    font-size: 0.6rem;
    /* border: 2px solid red; */
  }


  .slide4-text2 {
    font-size: 1.5rem;
  }
  .slide3-text2 {
    width: 60%;
    text-align: center;
    margin-top: 1%;
    font-size: 0.8rem;
  }

  .slide4-text {
    padding: 0.5rem 0.5rem 0 0.5rem;
    font-size: 1rem;
  }
  .slide4-text2 {
    font-size: 0.8rem;
    color: rgb(81, 207, 67);
    width: 95%;
    padding: 2rem 1rem 0 1rem;
  }
}




